body{
   font-family: 'Irish Grover';
   font-size: 1.5em ;
   background-color: darkgreen;
   color: #70a972;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-items: center;
}

 h1{
    padding: 0 .15em;
}

.hero-img {
    width: 15em;
    height: auto;
}
 
 #message{
     margin: 1em .85em;
     padding: .5em;
     background-color: purple;
     border: 1px solid black;
     border-radius: .75em;
     font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
 }
 
 .str{
     font-size: 1em;
     color: #70a972;
     
 }
 
 .button-92{
    font-family: 'Irish Grover';
    height: 3em;
    width: 15em;
    border-radius: 100vw;
    font-size: 1em;
}

.main-content { 
    display: flex;
    flex-direction: column;
    width: 80vw;
    background: #c6e2bc;
    align-items: center;
    justify-content: center;
}

 .userInput{
    margin: auto;
    display: flex;
    align-items: center; 
    justify-content: center;
}

#myCheckbox{
    transform: scale(3); /* Change the size here */
    margin: 2em;
}