#hero {
   background-color: rgb(37, 95, 255);
   margin: 0;
   padding: 24pt;
   text-align: center;
}
h1 {
   margin-top: 0;
}
#trainer {
   align-items: center;
   background-color: blanchedalmond;
   display: grid;
   grid-template-rows: 200pt 60pt 60pt;
   justify-items: center;
   margin: 0vw 20vw;
   height: 320pt;
   padding: 0;
   text-align: center;
}
#bollards {
   align-items: center;
   display: grid;
   grid-template-columns: 1fr 1fr;
   justify-items: center;
   object-fit: contain;
}
#bollards img {
   aspect-ratio: 1 / 2;
   display: block;
   height: auto;
   max-width: 50%;
   max-height: 80%;
   width: auto;
   object-fit: cover;
}
#form {
   align-items: center;
   display: flex;
   justify-content: center;
}
#guess {
   border: none;
   border-radius: 4pt 0pt 0pt 4pt;
   display: inline-block;
   margin: 0;
   padding: 5pt;
}
#submit {
   background-color: green;
   border: none;
   border-radius: 0pt 4pt 4pt 0pt;
   color: white;
   display: inline-block;
   margin: 0;
   padding: 5pt;
}
#subtext {
   font-size: .5rem;
   margin: 16pt;
}