body{
background:black;
color:white;
margin:0;
font-family:monospace;
overflow:hidden;
}

.blurbox{
background:rgba(0,0,0,0.35);
backdrop-filter:blur(8px);
padding:30px 40px;
border-radius:12px;
display:inline-block;
}

body{
margin:0;
height:100vh;
background-image:url("TEMU.png");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

.logo{
width:300px;
display:block;
margin:auto;
margin-bottom:25px;
}

.center{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
z-index:10;
}


.ca{
color:#00ff66;
font-size:18px;
cursor:pointer;
}

.social{
margin-top:15px;
}

.social a{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
text-decoration:none;
color:white;
}

.xlogo{
width:22px;
}

.xname{
font-size:16px;
}

.text{
font-size:18px;
margin-bottom:10px;
}

.enter{
font-size:22px;
color:white;
text-decoration:underline;
margin-bottom:10px;
}

.enter:visited{
color:white;
}

.enter:hover{
color:white;
}

.videos{
position:fixed;
top:0;
width:180px;
height:100vh;
overflow:hidden;
z-index:1;
object-fit:cover;
display:block;
}


.left{left:0;}
.right{right:0;}

.track{
display:flex;
flex-direction:column;
animation:scroll 8s linear infinite;
}

.track img{
width:100%;
display:block;
}

@keyframes scroll{
0%{transform:translateY(-50%);}
100%{transform:translateY(0);}
}