*{
    transition: 0.1s ease-in-out;
}

body{
    background-image:url("/css/images/WALUIGI-removebg-preview.png");
    background-repeat: no-repeat;
    background-size: auto 100vh;
    background-position-x: -26vw;
}

.musique{
    display: none;
}

.discordlien:hover .saitajtm{
    opacity: 1;
}
.saitajtm{
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 4px;
    color: var(--old-gold);
    font-family: "Passion One", sans-serif;
    opacity: 0;
    transition: 0.5s ease-in-out;
    -webkit-text-stroke: 0.5px black;
}

.discord {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 4vh;
}
.discord:hover{
    filter: drop-shadow(0px 5px 5px #222);
}

h1{
    -webkit-text-stroke: 2px black;
    text-shadow: 0px 4px 4px #00000080;
    font-family: "Passion One", sans-serif;
    text-align: right;
    margin-right: 19vh;
    padding-top: 5vh;
    font-size: 8vh;
    color: var(--old-gold);
}

.menu{
    position: absolute;
    top: 50%;
    right: 2%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 4vh;
    gap: 5vh;
    transform: translateY(-50%);
}

.menu a{
    font-family: "Overpass Mono", monospace;
    text-decoration: none;
    color: var(--old-gold);
    display: flex;
    flex-direction: column;
    transition: 0.3s ease-in-out;
}

.menu a::after{
    content: '';
    background: var(--old-gold);
    height: 0.5vh;
    width: 0%;
    transition: 0.3s ease-in-out;
}

.menu a:hover::after{
    width: 100%;
}

.menu p{
    font-family: "Overpass Mono", monospace;
    color: var(--old-gold);
    display: flex;
    flex-direction: column;
    cursor: pointer; 
    transition: color 0.2s;
}

.menu p::after{
    content: '';
    background: var(--old-gold);
    height: 0.5vh;
    width: 0%;
    transition: 0.3s ease-in-out;
}

.menu p:hover::after{ 
    width: 100%;
}

.lastvid{
    position: absolute;
    left: 27vw;
    top: 57vh;
    background: var(--main-dark);
    width: fit-content;
    height: fit-content;
    border: 2px solid var(--old-gold);
}
.lastvid iframe{
    width: 20vw;
    height: 25vh;
}

.lastvid h4{
    display: none;
}








/* FUCK ORBY */


.suck-gently{
    color: var(--old-gold);
    font-family: "Passion One", sans-serif;
    position: absolute;
    display: none;
    opacity: 0;
    user-select: none;
    pointer-events: none;
    -webkit-text-stroke: 0.5px black; 
}



/* RESPONSIVE */



@media only screen and (max-width: 1600px) {
    body{
        background-image: none; 
        display: flex;
        flex-direction: column;
    }
    
    h1{
        text-align: left;
        padding-top: 2.5vh; 
    }

    .menu{
        margin-top: 30px;
        position: static;
        top: 0;
        transform: none;
        align-items: flex-start; 
    }

    .menu p, .menu a{
        font-size: 2vh;
    }

    .lastvid{
        margin-top: 30px;
        position: static;
        align-self: center; 
    }
    .lastvid iframe{
        width: 80vw;
        height: 40vh;
    }
    .lastvid h4{
        display: block;
    }
  }