/* ==========================================
   GRID
========================================== */


/* ==========================================
   .competitive-grid-grid
========================================== */

.competitive-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    margin-top: 20px;
    margin-bottom: 40px;
}


.competitive-grid {
    margin-bottom: 40px;
}

/* ==========================================
   .set-grid
========================================== */





.set-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}
.set-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* GRID PRINCIPAL */
.set-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 20px;
}


/* ==========================================
   .intelligence-grid
========================================== */



.intelligence-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 30px;
}


.intelligence-grid {
    display: grid;
    gap: 20px;
    margin-top: 20px;
}


.intelligence-grid {
    display: grid;
    gap: 18px;
}


/* ==========================================
   .tier-pokemon-grid
========================================== */




.tier-pokemon-grid {
    display: grid;
    gap: 12px;
}

/* ==========================================
   .pokemon-grid
========================================== */




.pokemon-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 15px;
}




.pokemon-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 10px;
}
.pokemon-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 15px;
}


/* ==========================================
   .competitive-sets
========================================== */



.competitive-sets {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
}


/* ==========================================
   .pokedex-cards
========================================== */



.pokedex-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 25px;
}


/* ==========================================
   @media
========================================== */