@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700;800&display=swap');

body{
    background:#050505;
    color:white;
    font-family:'Exo 2',sans-serif;
    text-align:center;
    margin:0;
    padding:0;
}

/* TITULOS */

h1{
    color:#dfff00;
    font-size:56px;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:15px;
}

h2{
    color:white;
    font-size:24px;
    font-weight:600;
}

/* HEADER */

.topbar{
    text-align:center;
    margin-top:20px;
}

.logoimg{
    max-width:260px;
}

/* BOTONES */

.btn{
    display:inline-block;
    background:#dfff00;
    color:black;
    padding:12px 22px;
    margin:5px;
    border-radius:10px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.btn:hover{
    transform:translateY(-2px);
    box-shadow:0 0 15px rgba(215,255,0,.4);
}

/* CONTENEDORES */

.container{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:25px;
    margin-top:40px;
}

/* TARJETAS */

.card{
    width:280px;
    min-height:120px;

    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;

    background:#111111;

    border:1px solid rgba(215,255,0,.35);
    border-radius:18px;

    transition:.3s;
}

.card:hover{
    transform:translateY(-5px);
    box-shadow:0 0 20px rgba(215,255,0,.35);
}

.card a{
    color:#dfff00;
    text-decoration:none;
    font-size:28px;
    font-weight:700;
}

.card a:visited{
    color:#dfff00;
}

.card a:hover{
    color:white;
}

/* ICONOS */

.card-icon{
    width:90px;
    height:auto;
    margin-bottom:15px;
}

/* DESCRIPCIONES */

.card-desc{
    color:#bdbdbd;
    font-size:15px;
    margin-top:10px;
    padding:0 15px;
}

/* TARJETAS DE MODS */

.file-card{
    background:#151515;
    border:1px solid rgba(215,255,0,.25);
    border-radius:15px;
    padding:25px;
    margin:20px auto;
    max-width:500px;
}

.file-card h2{
    color:white;
}

.file-card p{
    color:#bdbdbd;
}

/* DESCARGAS */

.download{
    display:inline-block;
    margin-top:15px;
    background:#dfff00;
    color:black;
    padding:12px 22px;
    border-radius:10px;
    text-decoration:none;
    font-weight:700;
}

.download:hover{
    opacity:.85;
}

/* GRID DE MODS */

.mods-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:25px;
    max-width:1600px;
    margin:40px auto;
}

.file-card{
    margin:0;
    max-width:none;
    height:100%;
}

.file-card h2{
    color:#ffffff;
    font-size:30px;
    margin-bottom:15px;
}

.file-card p{
    color:#cfcfcf;
    font-size:18px;
}

.download{
    font-size:24px;
}