@charset "UTF-8";

.body {
    background-image: linear-gradient(90deg, #f2f2f2, #ebf8f9, #ebf8f9, #f2f2f2);
}

.header::before {
    background-color: #2c3e50;
}

.top .nav .item .a {
    color: #ffffff;
}

.top .menu .item {
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
}

.top .menu .item::before, .top .menu .item::after {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0));
}

.top .menu .item .a {
    color: #ffffff;
}

.media .main .screen, .media .main .list, .media .main .details, .media .main .playlist, .media .main .summary, .media .main .article, .media .sidebar .rec, .allies {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 12px #d3e3fd;
}

.footer::before {
    background-color: #ffffff;
}

.bottom .tip .item {
    color: #777777;
}

.bottom .tip .item .a {
    color: #777777;
}