body { 
    background: #000000; 
    color: #ffffff; 
    height: 100%; 
    width: 100%; 
    margin: 0; 
    padding: 0; 
    font-family: 'LY', 'Calibri'; 
    font-size: 30px; 
    user-select: none; 
} 
@font-face {
    font-family: 'LY'; 
    src: url('font.ttf') format('truetype');
}
@font-face {
    font-family: 'LY1'; 
    src: url('font1.otf') format('truetype');
}
@font-face {
    font-family: 'LY2'; 
    src: url('font2.ttf') format('truetype');
}
@font-face {
    font-family: 'LY3'; 
    src: url('font3.ttf') format('truetype');
}
@font-face {
    font-family: 'LY4'; 
    src: url('font4.ttf') format('truetype');
}
::-webkit-scrollbar {
    background: #ffffff; 
    height: 0px; 
    width: 0px; 
    cursor: pointer; 
}
::-webkit-scrollbar-thumb { 
    background: #ffffff; 
    border-radius: 15px; 
    cursor: pointer; 
    height: 0px; 
    width: 0px; 
} 
::-webkit-scrollbar-track { 
    background: #000000; 
    height: 0px; 
    width: 0px; 
    cursor: pointer; 
} 
::placeholder {
    color: #444444;
    opacity: 1; 
}
::-ms-input-placeholder { 
    color: #444444;
}
.center { 
    justify-content: center; 
    display: flex; 
    align-items: center; 
} 
.lcenter { 
    justify-content: flex-start; 
    display: flex; 
    align-items: center; 
} 
.dcenter { 
    justify-content: space-around; 
    display: flex; 
    align-items: center; 
}
.margin { 
    margin: 20px; 
}
.minimargin { 
    margin: 10px; 
} 
.fulldiv { 
    height: 100%; 
    width: 100%; 
} 
.resp { 
    position: fixed; 
    pointer-events: none; 
}
.alert { 
    position: fixed; 
    height: 60px; 
    text-align: center; 
    outline: none; 
    cursor: pointer; 
    background: #888888; 
    color: #000000; 
    border: 2px solid #ffffff; 
    border-radius: 15px; 
    box-shadow: inset 0px 0px 20px #ffffff, 
        0px 0px 120px #000000; 
    z-index: 100; 
    top: -120px; 
    justify-content: center; 
    display: flex; 
    align-items: center; 
    animation: alertANI 10s; 
} 
@keyframes alertANI { 
    0% { 
        top: -120px; 
    }
    10% { 
        top: 15px; 
    }
    90% { 
        top: 15px; 
    }
    100% { 
        top: -120px; 
    }
} 
.nolink { 
    color: #ffffff; 
    text-decoration: none; 
}
.imt { 
    position: fixed; 
    width: 0%;
    height: 0%;
    z-index: -15; 
}
.imt:before,
.imt:after {
    position: fixed; 
    content: "";
    width: 110%;
    height: 150%; 
    left: -5%; 
    border-radius: 45%;
    top: -60%;
    background-color: #000000; 
    box-shadow: 0px 0px 60px #ffffff, 
        0px 0px 20px #ffffff;
    animation: wave 15s linear infinite;
    z-index: -15; 
}
.imt:before {
    position: fixed; 
    border-radius: 30%;
    background: rgba(0, 0, 0, 0.4);
    animation: wave 15s infinite;
    z-index: -15; 
}
@keyframes wave {
    0% {
        transform: rotate(0);
    } 
    50% {
        transform: rotate(180deg);
    } 
    100% {
        transform: rotate(360deg);
    }
}
.itm { 
    background: linear-gradient(#000000, transparent); 
    position: fixed; 
    height: 100%; 
    width: 100%; 
    z-index: -14; 
} 
.blcu { 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    height: 100%; 
    width: 100%; 
    backdrop-filter: blur(0px); 
    z-index: 1000; 
    pointer-events: none;
    transition: 0.5s; 
} 
.blcu-1 { 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    height: 100%; 
    width: 100%; 
    backdrop-filter: blur(250px); 
    z-index: 1000; 
    transition: 1s; 
}