/* Backrooms */

@font-face {
    font-family: Terminal;
    src: url(../Worlds/Assets/VT323-Regular.ttf);
}

.body {
    animation: fade-in 3s ease-in-out;
    background-color: black;
}

body{
    background-color: black;
    font-family: Terminal !important;
}

body::-webkit-scrollbar{
   display:none;
}


.link{
    text-decoration: none;
    color:rgb(77, 77, 77);
    transition: 2s;
}

.link:hover{
    color:rgb(177, 177, 177);
    transition: 2s;

}

.monitor-like-box {
    width: 1000px;
    height: 640px;
    background-image: radial-gradient(gray, rgb(36, 36, 36));
    padding: 50px;
    box-sizing: border-box;
    margin: 2px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.switch-on {
    float: right;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-top: 8px;
    background-image: radial-gradient(red, black 80%);
}


@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes level-image-fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.3;
    }
}

.Disappear {
    animation: disappear 3s forwards;
}

@keyframes disappear {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0.03;
    }
}

.content{
    padding:20px;
}

.level-image{
    animation: level-image-fade 3s ease-in-out;
    width:400px;
    height:200px;
    opacity:0.3;
}