body{
margin:0;
overflow-x:hidden;
overflow-y:auto;
font-family:Arial;
background:#09000f;
color:white;
display:flex;
justify-content:center;
align-items:flex-start;
min-height:100vh;
user-select:none;
padding:20px 0;
}

#rain{
position:fixed;
width:100%;
height:100%;
z-index:-1;
}

.card{
background:rgba(40,0,70,.8);
border:2px solid #a200ff;
border-radius:25px;
padding:30px;
text-align:center;
box-shadow:0 0 40px #8000ff;
animation:up 2s infinite alternate;

width:min(900px,90vw);
margin:auto;
}

@keyframes up{
from{
transform:translateY(0px);
}
to{
transform:translateY(-10px);
}
}

.logo{
width:150px;
height:150px;
border-radius:50%;
border:5px solid #b000ff;
}


h1{
color:#d279ff;
}

.ip,.ip2{
background:#210035;
padding:12px;
border-radius:12px;
margin:10px;
font-size:20px;
}

button{
background:#8800ff;
color:white;
border:none;
padding:12px 25px;
margin:10px;
border-radius:15px;
cursor:pointer;
font-size:17px;
transition:.3s;
}

button:hover{
background:#b000ff;
transform:scale(1.05);
}

#copy{
opacity:0;
transition:.4s;
color:#00ff66;
font-size:22px;
}

footer{
position:absolute;
bottom:15px;
text-align:center;
width:100%;
}

.discord{
color:red;
cursor:pointer;
font-weight:bold;
font-size:20px;
}

.title{
display:flex;
align-items:center;
justify-content:center;
gap:15px;
margin-bottom:20px;
}

.titleLogo{
width:60px;
height:60px;
border-radius:50%;
border:3px solid #b000ff;
box-shadow:0 0 15px #a000ff;
}

h1{
margin:0;
color:#d279ff;
}

.discordBtn{
display:inline-block;
margin:20px;
padding:12px 25px;
background:#7a00ff;
color:white;
text-decoration:none;
border-radius:15px;
font-size:18px;
transition:.3s;
box-shadow:0 0 20px #9b00ff;
}

.discordBtn:hover{
background:#a000ff;
transform:scale(1.05);
}

.rating{
margin-top:25px;
}

.text{
margin-top:20px;
}

.rating{
margin-top:20px;
text-align:center;
}

@media (max-width: 768px){

.card{
width:95vw;
padding:20px;
}

h1{
font-size:36px;
}

.serverName{
font-size:28px;
}

.discordBtn{
width:80%;
max-width:300px;
}

}

@media (max-width: 480px){

.card{
width:98vw;
padding:15px;
}

.serverName{
font-size:22px;
}

.discordBtn{
width:90%;
}

}