DanRai

@import url("https://raw.githubusercontent.com/ed-main/ed-main.github.io/master/cssfiles/main_code_1.css");
@import url("https://raw.githubusercontent.com/ed-main/ed-main.github.io/master/cssfiles/main_code_2.css");
@import url("https://raw.githubusercontent.com/ed-main/ed-main.github.io/master/cssfiles/main_code_3.css");
@import url("https://raw.githubusercontent.com/ed-main/ed-main.github.io/master/cssfiles/main_code_4mob.css");
@import url("https://raw.githubusercontent.com/ed-main/ed-main.github.io/master/cssfiles/q01_alter_menu.css");
@import url("https://raw.githubusercontent.com/ed-main/ed-main.github.io/master/cssfiles/q03_history_bookmarks.css");
@import url("https://raw.githubusercontent.com/ed-main/ed-main.github.io/master/cssfiles/q08_alter_sitemenu.css");
body:after {
background-image: url(vk.com);
}

.l-footer:after {
content: "*Alien Earth*";
}

/* Анимация для карточек аниме */

.c-anime {
transition: transform 0.7s ease, box-shadow 0.6s ease;
}

.c-anime:hover {
transform: translateY(-5px);
box-shadow: 0 4px 15px rgba(250, 128, 114);
}

/* Анимация для карточек манги */

.c-manga {
transition: transform 0.7s ease, box-shadow 0.6s ease;
}

.c-manga:hover {
transform: translateY(-5px);
box-shadow: 0 4px 15px rgba(250, 128, 114);
}

/* Анимация для карточек персонажей */

.c-character {
transition: transform 0.7s ease, box-shadow 0.6s ease;
}

.c-character:hover {
transform: translateY(-5px);
box-shadow: 0 4px 15px rgba(250, 128, 114);
}

/* Анимация для карточек людей */

.c-person {
transition: transform 0.7s ease, box-shadow 0.6s ease;
}

.c-person:hover {
transform: translateY(-5px);
box-shadow: 0 4px 15px rgba(250, 128, 114);
}

/* Анимация для профиля */
.p-profiles-show {
animation: profileSlide 4s ease-out;
}

@keyframes profileSlide {
from {
opacity: 0;
transform: translateY(-900px);
}
to {
opacity: 2;
transform: translateY(0px);
}
}

/* Анимация для графика активности и оценки */
.bar.simple .bar.s3:hover, .bar.simple .bar.s2:hover, .bar.simple .bar.s1:hover, .bar.simple .bar.s0:hover {
background: rgb(205, 92, 92);
}

/* Анимация для смены цвета иконок*/
.headline > a, .midheadline > a, .subheadline > a, .p-topics .l-menu .sticky-topics .topic {
color: rgb(18 0 251);
transition: 0.2s ease, -webkit-0 .2s ease, margin 0s, padding 0s, opacity 0s, color 0.2s, font-size 0s, width 0s, height 0s, top 0s, bottom 0s, border 0s, border-radius 0s, left 0s, right 0s, line-height 0s, min-height 0s;
}

.headline > a:hover, .midheadline > a:hover, .subheadline > a:hover {
text-decoration: none;
color: rgba(var(--hover-color), 1) !important;
background: rgba(var(--shadows-color), 0.15);
border: none;
}

@media screen and (min-width: 1px) {
html:root {
--white-color: 218, 213, 255;
--light-color: 183, 192, 241;
--dark-color: 136, 145, 212;
--bright-color: 161, 158, 253;
--dull-color: 124, 127, 179;
--input-color: 95, 95, 127;
--hover-bottoms-1: 40, 39, 86;
--buttoms-color: 45, 45, 120;
--hover-buttoms-2: 156, 98, 25;
--very-high-rating: 126, 123, 228;
--high-rating: 93, 90, 187;
--average-rating: 59, 60, 134;
--small-rating: 41, 43, 117;
--time-filled: 70, 73, 175;
--time-empty: 18, 14, 53;
--anime-inprocess: 69, 146, 76;
--anime-complete: 41, 107, 47;
--manga-inprocess: 189, 15, 86;
--manga-complete: 153, 0, 62;
--hover-color: 205, 92, 92;
--shadows-color: 134, 141, 193;
--block-color: 46, 45, 97;
--menu-back: 10, 13, 33;
--nick-cover: 45, 33, 167;
--popup-color: 35, 34, 75;
--hundred: 1;
}
}