main {
    z-index: 0;  /* или больше 1000 */
}

main .logo {
    position: absolute;
}

.rut_logo{
    top: 9rem;
    right: 45rem;
}

.rut_logo img{
    height: 8rem;
}

.tel_logo{
    top: 48rem;
    right: 43rem;
}

.tel_logo img{
    height: 10rem;
}

.vk_logo{
    top: 8rem;
    right: 1rem;
}

.vk_logo img{
    height: 10rem;
}

body {
    background-image: url('../assets/desktop/bg.png');
}

h2.index {
    font-family: "Rubik Mono One", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 2.1rem;
    letter-spacing: 0.13rem;
}

h1.index {
    font-family: "Sen", sans-serif;
    line-height: 7rem;
    font-weight: 1000;
    font-size: 5.5rem;
    font-style: normal;
    color: #6981df;
    letter-spacing: 0.4rem;
    padding-top: 3rem;
    text-align: left;
}

.main-h{
    padding-left: 2rem;
    padding-top: 28vh;
    margin: auto;
}

.slideshow-container {
    position: fixed;
    height: 32rem;
    width: 32rem;
    right: 11rem;
    top: 18rem;
    border-radius: 100%;
    box-shadow: 
        0 0 0 3rem #c3bffc,    /* первый круг (ближний) */
        0 0 0 3.1rem #c7c8fb, /* второй круг */
        0 0 0 5rem #b2b3fa, /* третий круг */
        0 0 0 5.1rem #8084f8,
        0 0 0 6.3rem #9ea3f6;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.slide.active {
    opacity: 1;
}

.slideshow-container img{
    height: 100%;
    width: 100%;
    border-radius: 100%;
}

.border-cycle {
    border-radius: 3px;
    border-color: green;
    border-style: solid;
    
}

@media (max-width: 799px) {
    body {
        background-image: url('../assets/mobile/bg.jpg');
    }

    .tel_logo {
        top: 8rem;
        left: 1rem;
    }

    .tel_logo img {
        height: 5.5rem;
    }

    .rut_logo {
        top: 15.9rem;
        left: 1.2rem;
    }

    .rut_logo img {
        height: 6.2rem;
    }

    .vk_logo {
        top: 24rem;
        left: 3rem;
    }

    .vk_logo img {
        height: 7.2rem;
    }
    
    .main-h{
        padding-top: 58vh;
        padding-left: 1rem;
    }

    h2.index {
        font-size: 2rem;
    }

    h1.index {
        padding-top: 0rem;
        font-size: 2.7rem;
        line-height: 2.8rem;
        letter-spacing: 0rem;
        font-weight: 1000;
    }

    header .logo {
        position: absolute;
        top: 0.4rem;
        left: 0.4rem;
        display: flex;
        flex-direction: row-reverse;
        z-index: 1010;
    }

    header .logo a {
        display: block;
        height: 5.5rem;
        padding-left: 0rem;
    }

    .slideshow-container {
        height: 57vw;
        width: 57vw;
        right: 8.5vw;
        top: 22vw;
        border-radius: 100%;
        background-color: #c3bffc;

        box-shadow: 
            0 0 0 1.5rem #c3bffc,    /* первый круг (ближний) */
            0 0 0 1.6rem #c7c8fb, /* второй круг */
            0 0 0 2.5rem #b2b3fa, /* третий круг */
            0 0 0 2.6rem #8084f8,
            0 0 0 3.2rem #9ea3f6;
    }
}