.banner {
    height: 100%;
    width: 100%;
    background-image: var(--banner-background-image-gradient), url("../img/locations/banner.webp");
    padding: 10px 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.advantages {
    padding: 10px 0px;
    margin-top: 23px;
    background-color: var(--nav-color);
    box-shadow: 0px 0px 15px var(--box-shadow-color);
    text-align: center;
}

/* "Вырезаный" текст заголовок блока "Преимущества"*/

#cut-out-text {
    background-color: var(--light-gray);
    color: transparent;
    margin-bottom: 25px;
    background-clip: text;
    -webkit-background-clip: text;
}

.content {
    text-align: center;
    padding: 50px 0px;
}

.IP {
    background-color: var(--gray);
    border: 1px solid var(--light-gray);
    border-radius: 3px;
    padding: 13px 15px;
}

.IP button#server-ip {
    background: none;
    border: none;
    color: var(--main-text-color);
}

.IP button#server-ip:hover {
    color: var(--blue);
}