/* variables */
:root{
    --dark-purble: rgb(64, 25, 77);
    --transparent-dark-purble: rgba(64, 25, 77, .5);
    --purble: rgb(131, 22, 194);
    --light-transparent-purble: rgba(253, 204, 255, 0.692);
    --light-purble: rgb(253, 204, 255);
    --pink: rgb(248, 95, 253);
    --transparent-pink: rgba(248, 95, 253, 0.5);
    padding-bottom: 40vh;
    margin-bottom: 40vh;
}

@font-face {
    font-family: Rainbow_BoldItalic;
    src: url(/fonts/Web_Open_Font_Format/Rainbow2000-BoldItalic.woff);
}

@font-face {
    font-family: Cheese;
    src: url(/fonts/Web_Open_Font_Format/FreeCheese-Regular.woff);
}

@font-face {
    font-family: Funnytype;
    src: url(/fonts);
}

/* Globals */

.sticker{
    position: absolute;
    border: solid var(--light-transparent-purble) 4px;
    background-color: var(--light-transparent-purble);
}

.pokemonResult{
    display: grid;
    justify-items: center;
    justify-content: space-around;
    grid-template-columns: 1fr 1fr;
    margin: 3px;
    background-color: purple;
    padding: 5px;
    border: 5px solid transparent;
    border-radius: 5%;

    color: --light-purble;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    -webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: var(--pink);
    text-transform: capitalize;
}

.pokemonOfficialArtwork{
    grid-column: 1 / 3;
}