.headers{
    font-family: "National Park", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
.main{

  font-family: "National Park", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.mainbutton{
    border:none;
    border-radius:5px;
    height:40px;
    width:80px;
    background-color:rgb(190,200,255);
    margin-right:10px;
    margin-left:10px;
    transition:200ms;
}
.mainbutton:hover{
    height:30px;
    width:60px;
    background-color:rgb(195,215,255) ;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:20px;
    margin-left:20px;
    font-size:15px;
    box-shadow:2px 3px 3px gray;
}
.menubar{
    background-color:rgb(210,230,255) ;
    border-radius:15px;
    padding:15px;
    display:flex;
    flex-direction:row;
}
.space{
    margin-top:5px;
    margin bottom:5px;
    margin-right:5px;
    margin-left:5px;
}
.largebutton{
    border:none;
    border-radius:5px;
    height:175px;
    width:125px;
    background-color:rgb(190,200,255);
    margin-right:10px;
    margin-left:10px;
    margin-top:5px;
    margin-bottom:5px;
    transition:200ms;
}
.largebutton:hover{
    height:160px;
    width:115px;
    background-color:rgb(195,215,255) ;
    margin-top:15px;
    margin-bottom:15px;
    margin-right:17.5px;
    margin-left:17.5px;
    font-size:15px;
    box-shadow:2px 3px 3px gray;
}
.roundedimage{
    border-radius:5px;
}
.longbutton{
    border:none;
    border-radius:5px;
    height:40px;
    width:250px;
    background-color:rgb(190,200,255);
    margin-right:10px;
    margin-left:10px;
    transition:200ms;
}
.longbutton:hover{
    height:35px;
    width:225px;
    background-color:rgb(195,215,255) ;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:22.5px;
    margin-left:22.5px;
    font-size:20px;
    box-shadow:2px 3px 3px gray;
}