:root {
    --alpha: #1B1B1E;
    --beta: #96031A;
    --gamma: #FBFFFE;
    --delta: #6D676E;
    --epsilon: #FAA916;
}

body {
    background-color: var(--alpha);
}

.y-50 {
    transform: translateY(-50%);
}

.top-30{
    top:30vh;
}
.top-45 {
    top: 45vh;
}

.top-15 {
    top: 15vh;
}

.left-hover{
    right: -50vw;
}

.w-30{
    width: 30% !important; 
}

.h-30{
    height: 30vh !important;
}

.h-15{
    height: 15vh !important;
}

.h-40{
    height: 40vh !important;
}


.hover-light:hover{
    filter: brightness(1.2);
}

@media screen and (max-width: 744px) {
    .w-30{
        width: unset !important;
    }

    .left-hover{
        right: unset;
    }
}