body{
    background-image:repeating-linear-gradient(155deg, #2EB62C 20%, darkgreen 60%, cyan 20%);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover;
    background-position:center;
    overflow:hidden;
}
h1{
    text-align:center;
    padding-top:10px;
}
h2{
    text-align:center;
    margin-top:50px;
}
hr{
    color:rgb(0,0,0);
}
.button{
    display: flex;
    font-size:25px;
    border:1px solid black;
    color:black;
    padding: 15px 0px 15px 0px;
    background-color:darkGreen;
    box-shadow:0px 4px 4px black;
    margin-bottom: 10px;
    width:45%;
    justify-content: center;
    
    margin:auto;
    transition: all .3s ease;
    border-radius: 10px;
    text-decoration: none;
}
a+.button{
    
    
}
.button:hover{
    background-color:#2EB62C;
    color:white;
    transform:scale(1.1);
}
.button:active{
    transform:scale(0.95);
    transition: all .1s ease-out;
}

/*back button*/
#back{
    font-size:18px;
    border-radius:0;
    width: 100%;
    font-family: Courier;
}
#back:hover{
    padding: 22px 0px 22px 0px;
    font-size: 22px;
    transform:scale(1.0);
}
#back:active{
    transform:scale(.95)
}
/*vocab button */
#vocab{
    cursor:help;
}
/*vocab definition*/
#message{
    font-size: 1.2rem;
    color: black;
    margin: 20px 0;
    min-height: 2rem;
    line-height: 1.5;
    text-align:center;
}
/***didnt know what to do here to make the hr black***/
hr{
  border-top: 1px solid black;
  border-bottom:1px solid black;
  height:0px;
}

#potatoButton img{
  width: 90px;
  height: auto;
  margin-top:-15px;
  margin-bottom:-15px;
}
.button#potatoButton{
    padding:0px;
    margin-top:40vw;
}
#potato{
    display:flex;
    width:80vw;
    height:auto;
    margin:auto;
    margin-top:-100px;
}
.button-container {
    display: flex;
    align-items: center;
}