body {
    background-image: url("../img/pokepoke.png");
}

/*.pokemon {
    margin: 300px;
    border-style: double;
    text-align: center;
    border-width: thick;
    font-family: monospace;
    background-color: white;

From what I understand I dont need the class "pokemon" anymore in this context
}

nore this:
#pokemon {
    margin: 300px;
    border-style: double;
    text-align: center;
    border-width: thick;
    font-family: monospace;
    background-color: white;

}*/



#txt {
    margin: 320px;
    border-style: double;
    text-align: center;
    border-width: thick;
    font-family: monospace;
    background-color: white;
}

/* This is where the image editing should be */
#pb {
    height: 10px;
    width: 10px;
    margin: 0;
    padding: 0;
    object-position: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;

}

#result {
    text-align: center;
    transform: all 5s ease-in-out;

}

const pics {
    height: 300px;
}