#spawns {
    /* width & height */
    width: 99%;
    height:fit-content;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    row-gap: 5px;
    column-gap: 5px;

    overflow:inherit;


    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:0;
    margin-top:1%;
}


.spawn {
    background-color: #303030;

    border-radius: 5px;
    border: 2px solid black;
    padding:2.5%;
    height:min-content;
}

body {
    background-color: #202023;
    margin:0;padding:0;

}



.spawn img {
    width:100%;
    border-radius: 5px;
}


.answeredspawn {
    opacity: 0.2;
    transition: opacity .15 s;
}




.pokemonInput {
    box-sizing: border-box;
    width: 100%;

    background-color: #606060;
    color: #cccccc;
    height: 2em;

    border-radius:5px;
    border: none;
    
}


#ppm {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #aaaaaa;
    margin:auto 0 auto 0;
}

#titlebar {
    z-index: 1;
    background-color: #202023;
    width:95%;
    height:4%;

    padding: 0 2.5% 0 2.5%;
    position:fixed;
    display:flex;    
}
.spacer {
    flex-grow: 1;
  }

.selector{
    color: #aaaaaa;
    width:3em;
    height:100%;
    background:none;
    border:2px solid #0f0f0f;
    border-radius:5px;
}

.selectorDiv {
    color: #aaaaaa;
    font-family: Arial, Helvetica, sans-serif;
    margin-left:10px;

}


/* mobile:: titlebar height 6%, selector height 60% */