html,body{
background:#16141E;
color:#EEFBFC;
font:bold 17.5px Arial;
scrollbar-color:#515779 #16141E;
scrollbar-width:thin;
overflow-x:hidden;
-webkit-user-select:none;
margin:0;
}

html::-webkit-scrollbar{
width:9px;
}

html::-webkit-scrollbar-track{
background:var(--scrollbarBG:#16141E;);
}
html::-webkit-scrollbar-thumb{
background-color:var(--thumbBG:#515779;);
}

a{
text-decoration:none;
color:#EEFBFC;
transition:0.5s;
}

a:hover{
color:#515779;
transition:0.3s;
}

.scrollbar-track{
background:#16141E !important;
}

.scrollbar-thumb{
background:#515779 !important;
}

.scrollbar-thumb:hover{
background:#515779 !important;
}

#scroll-container{
width:100%;
height:100vh;
overflow-x:hidden;
}

.scrollbar-track-x{
display:none !important;
}

input[type="file"]{
display:none !important;
}

p{
font-size:17.5px;
}

.padding{
padding:25px;
}

.container{
position:relative;
width:100%;
height:96.7%;
background:#E5E6EB;
border-bottom:15px solid #38344C;
display:flex;
justify-content:center;
align-items:center;
filter: drop-shadow(0 0 7.5px #000);
}

.container2{
position:relative;
width:100%;
height:96.7%;
background:#E5E6EB;
border-bottom:15px solid #38344C;
display:flex;
justify-content:center;
align-items:center;
margin-top:325px;
filter: drop-shadow(0 0 7.5px #000);
}

.logo{
left:50%;
z-index:1;
height:297px; width:960px;
background-position:0 -740px;
background-size:960px 1040px;
}

.pos-f{
position:fixed;
}

.pos-a{
position:absolute;
}

.t45{
top:45%;
width:950px;
}

.transform{
transform:translate(-50%,-55%);
}

.transform-50{
transform:translate(-50%,-50%);
}

video{
position:absolute;
height:75%;
top:50%;
left:50%;
}

.footer{
width:1166px;
margin:25px auto;
}

.animated-border-box,.animated-border-box-glow{
position:relative;
overflow:hidden;
margin:25px auto;
filter:drop-shadow(0 0 7.5px #000);
border-radius:13.5px;
line-height:1.5;
}

.animated-border-box:before,.animated-border-box-glow:before{
content:'';
z-index:-1;
text-align:center;
top:50%;
left:50%;
transform:translate(-50%,-50%) rotate(0deg);
position:absolute;
width:99999px;
height:99999px;
background-repeat:no-repeat;
background-position:0 0;
background-image: conic-gradient(rgba(0,0,0,0),#515779,rgba(0,0,0,0)25%);
animation:rotate 5s linear infinite;
}

.animated-border-box:after{
content:'';
position:absolute;
z-index:-1;
left:5px;
top:5px;
width:calc(100% - 10px);
height:calc(100% - 10px);
background:#38344C;
border-radius:9px;
}

@keyframes rotate{
100%{
transform:translate(-50%,-50%) rotate(1turn);
}}

.welcome{
font-size:30px;
margin:25px 0 35px 0;
}

.content1{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
}

.nyxi{
height:309px; width:410px;
border-radius:9px;
background-position:-424px -321px;
background-size:843px 906px;
box-shadow:inset 0 -500px 500px -500px #515779;
margin-bottom:25px;
}

.txt{
width:705px;
}

.download-box{
margin:0 auto;
font-size:25px;
}

.gameplay-txt{
width:100%;
margin:25px;
font-size:25px;
}

.flex{
display:flex;
}

.assets-image{
height:264px; width:350px; margin-left:25px; margin-bottom:25px; 
border-radius:9px;
box-shadow:inset 0 -500px 500px -500px #515779;
}

.m30{
margin-left:32.5px;
}

.img1{
background-position:-5px -5px;
background-size:717px 773px;
}

.img2{
background-position:-362px -5px;
background-size:719px 773px;
}

.img3{
background-position:-5px -275px;
background-size:718px 775px;
}

.download2{
width:1166px;
justify-content:center;
margin:auto;
}

.copyright{
float:left;
margin-bottom:25px;
font-weight:100;
}

.f-right{
float:right;
}

.f999{
font-weight:999;
}

.f100{
font-weight:100;
}

.itch{
display:block;
padding:25px;
border-radius:9px;
margin:10px 0 10px 25px;
background:#515779;
box-shadow:0 0 7.5px #16141E;
font-weight:bold;
transition:0.5s;
}

.itch:hover{
transition:0.3s;
box-shadow:0 0 7.5px #EEFBFC;
background:#EEFBFC;
color:#16141E;
}

.note{
margin:35px 0 10px 0;
text-align:center;
}

.content-3{
width:100%;
filter:drop-shadow(0 0 7.5px #000);
padding:25px 0;
background:#38344C;
margin:25px auto;
}

.assets{
background-image:url('/assets/rabbeatz/assets.webp');
}

.welcome-txt{
background:linear-gradient(to right,#515779 0%,#e5e6eb 100%,#515779 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
animation:shine 4s ease-in-out infinite;
}

@keyframes shine{
0%{
background-position:0;
}

50%{
background-position:366px;
}

100%{
background-position:366px;
}}