body {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  text-align: center;
  background-image: url('/../GreyStripeBackround.png');
  background-repeat: repeat;
  background-position: left top;
}

h1,h2,h3,h4 {
  font-family: "Patrick Hand SC", cursive;
}

h1 {
    font-size: 2rem;
    margin: 0rem;
}

h2 {
  font-size: 1.5rem;
  margin: 0rem;
}

#footer{
    font-size: .5rem;
    padding-top: 1rem;
}

.bodyfont{
  font-size: .75rem;
  text-align: center;
  font-weight: 900;
}

p {
  font-size: 1rem;
  padding-top: 1.5rem;
}

button {
  font-size: 1.2rem;
  padding: 0.5rem 1rem;
  margin-top: .5rem;
  margin-bottom: 1rem;
  border: none;
  background-color: #A633E8;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

button:hover {
  background-color: #E833D6;
}

#genbox{
    background-color: #FBFFC7;
    max-width: 350px;
    max-height: 200px;
    margin-left: auto;
    margin-right: auto;
    border: 10px double #C7E833;
    border-radius: 25px;
    box-shadow: 0px 10px #C7E833;
}

#name{
    margin-top: .25rem;
    height: 2rem;
    background-color: #FBFFC7;
    border-radius: 25px;
}

#container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5rem;
    height:300px;
    max-width:450px;
    background-color: #D6F527;
    border: 5px solid #C7E833;
    border-radius: 25px;
}

/**update box**/
#updatebox {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    height:200px;
    max-width:450px;
    background-color: #D6F527;
    border: 5px solid #C7E833;
    border-radius: 25px;
    padding: .5rem;

}

#updatescroller{
    height:150px;
    overflow: scroll;
    scrollbar-color: #C700A3 #C7E833;
    text-align: left;
    align-content: flex-start;
    justify-content: center;
    }


#updatescroller p{
    margin: 0rem;
    }