@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
}

.pokemon {
    margin: -2rem auto -4rem;
}

.about-title {
    font-size: 0.7rem;
}

.normal {
    background-color: #a8a878;
}

.grass {
    background-color: #78c850;
}

.ground {
    background-color: #e0c068;
}

.fighting {
    background-color: #c03028;
}

.rock {
    background-color: #b8a038;
}

.steel {
    background-color: #b8b8d0;
}

.fire {
    background-color: #f08030;
}

.electric {
    background-color: #f8d030;
}

.flying {
    background-color: #a890f0;
}

.psychic {
    background-color: #f85888;
}

.bug {
    background-color: #a8b820;
}

.dragon {
    background-color: #7038f8;
}

.water {
    background-color: #6890f0;
}

.ice {
    background-color: #98d8d8;
}

.poison {
    background-color: #a040a0;
}

.dark {
    background-color: #705848;
}

.ghost {
    background-color: #705898;
}

.fairy {
    background-color: #ffaec9;
}

.normal-text {
    color: #a8a878;
}

.grass-text {
    color: #78c850;
}

.ground-text {
    color: #e0c068;
}

.fighting-text {
    color: #c03028;
}

.rock-text {
    color: #b8a038;
}

.steel-text {
    color: #b8b8d0;
}

.fire-text {
    color: #f08030;
}

.electric-text {
    color: #f8d030;
}

.flying-text {
    color: #a890f0;
}

.psychic-text {
    color: #f85888;
}

.bug-text {
    color: #a8b820;
}

.dragon-text {
    color: #7038f8;
}

.water-text {
    color: #6890f0;
}

.ice-text {
    color: #98d8d8;
}

.poison-text {
    color: #a040a0;
}

.dark-text {
    color: #705848;
}

.ghost-text {
    color: #705898;
}

.fairy-text {
    color: #ffaec9;
}