body{
  /*
  	adjust height of webpage
  */
  background-color:#ffe017;
  font-size:1.5em;
  font-family: "Roboto", sans-serif;
}
#menu{
cursor:pointer;
}
#menu-items{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-evenly;
}
#top{
  padding-right:20px;
}
.menu-card{
  width: 100%;
  border:black solid 4px;
  display:flex;
  flex-direction:column;
  padding:10px;
  margin:10px;
  padding-right:20px;
}
#navagation{
  display:flex;
  justify-content:space-around;
}
.item{
  background-color:white;
}
.item:link{
  transform:scale(95%,95%);
  border:maroon solid 5px;
  color :rebeccapurple;
}
.item:visited{
  transform:scale(95%,95%);
  border:maroon solid 5px;
  color :rebeccapurple;
}
.item:hover{
  transform:scale(105%,105%);
  border:darkblue solid 5px;
  color: black;
}
.item:active{
  transform:scale(100%,100%);
  border:black solid 5px;
  color: darkblue;
}
#build{
  padding-right:20px;
}
.image{
  width:100%;
  height:100%;
  max-width:400px;
  border:black solid 4px;
}
.box{
  text-align:center;
  border:black solid 5px;
  padding: 10px;
  margin: 10px;
}
.white{
  background-color:white;
}
.blue{
  background-color:#17fff7;
}
@media(min-width:576px){
  .menu-card{
    width:36%;
  }
}
@media(min-width:992px){
  .menu-card{
    width:25%;
  }
}