body{
    margin:0;
    font-family: Arial, sans-serif;
    color:white;

    background: url("ARK.png") no-repeat center center fixed;
    background-size: cover;
}
body::before{
    content:"";
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    z-index:-1;
}
/* CABECERA */
header{
    background: rgba(0,0,0,0.8);
    padding:20px;
    text-align:center;
    border-bottom:2px solid #00ff99;
}

header h1{
    color:#00ff99;
    margin:0;
    text-shadow: 0 0 10px #00ff99;
}

/* MENÚ */
nav a{
    color:white;
    text-decoration:none;
    margin:10px;
    padding:10px 14px;
    border-radius:8px;
    border:1px solid transparent;
    transition:0.3s;
}

nav a:hover{
    background:#00ff99;
    color:black;
    border:1px solid #00ff99;
    box-shadow:0 0 15px #00ff99;
    transform:scale(1.05);
}
/* CONTENIDO */
.container{
    text-align:center;
    padding:40px;
}

/* CAJAS */
.box{
    background: rgba(0,0,0,0.5);
    width:60%;
    margin:20px auto;
    padding:25px;
    border-radius:15px;
    border:1px solid rgba(0,255,153,0.3);
    backdrop-filter: blur(6px);
    transition:0.3s;
}

header h1{
    color:#00ff99;
    margin:0;
    text-shadow:0 0 15px #00ff99;
    font-size:40px;
}
/* LINKS */
a{
    color:#00ff99;
}
.btn{
    display:inline-block;
    margin-top:10px;
    padding:10px 15px;
    background:#00ff99;
    color:black;
    text-decoration:none;
    border-radius:8px;
    transition:0.3s;
    font-weight:bold;
}

.btn:hover{
    background:white;
    box-shadow:0 0 15px #00ff99;
    transform:scale(1.05);
}
.discord-btn{
    background:#5865F2;
    color:white;
    font-size:18px;
    padding:15px 25px;
    border-radius:10px;
    display:inline-block;
    text-decoration:none;
    transition:0.3s;
    font-weight:bold;
}

.discord-btn:hover{
    background:#4752c4;
    transform:scale(1.05);
    box-shadow:0 0 20px #5865F2;
}