.title {
  color: #2f2d69;
  margin: 45px 19% 45px 19%;
  text-align: center;
  font-size: 45px;
  font-family: lucida;
}

.buttonsearch {
  color: #2f2d69;
  font-size: 12px;
  background-color: #cac9f5;
  text-align: center;
  margin: 7px 10px 10px 10px;
}

.searchbars {
  margin: 10px 0px 0px 10px;
  height: 20px;
  background-color: #F2F4FF;
  color: #251A59;
}

.sidenav {
  height: 100%;
  width: 19%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #2f2d69;
  overflow-x: hidden;
  padding-top: 20px;
}

.sidenavtext {
  color: #cac9f5;
  margin: 30px 10px 5px 10px;
  font-size: 22px;
}

.bottomtext {
  color: #cac9f5;
  text-align: start;
  margin: 5px 80% 10px 10px;
  bottom: 1px;
  position: fixed;
  font-size: 17px;
}

.imagegrid {
  position: relative;
  height: 25%;
  width: 30%;
  border: solid #fdedf3 5px;
  box-sizing: border-box;
  /*flex: 50%;*/
  margin: 1px 1px 1px 1px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.burgergrid {
 display: block; 
 /*border: 3px solid red;*/
 align-items: center;
 justify-content: center;
 
}

body {
  background-color: #cac9f5;
  color: #2f2d69;
  font-family: lucida;
  text-decoration: none;
  font-size: 19px;
  padding: 1em;
  margin: 0px 0px 0px 20%;
 }