.sidebar, .sidebar2 {
  display:flex;
  flex-direction:column;
  width: 200px;
  height:1350px;
  background:rgba(92, 193, 251, 0.7);
  margin-top:150px;
  margin-right:10px;
  margin-left:10px;
  align-items:center;
}
.sidebarbox {
  display: flex;
  flex-direction: column;
  align-items: stretch;  
  height:auto;
  width: 190px;
  background: rgba(255, 255, 255, 0.1); 
  margin-top:5px;
  font-family: "baby";
  font-size:20px;
}
.sidebarbox ul {
  width:190px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebarbox li {
  display:block;
}
.sidebarbox a {
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  color: #516fc4;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.1); 
}
.sidebarbox a:hover {
 background-image: url("../Gifs/bubbles.gif");
}
.sidebarbox img {
  width: 25px;
  height: 25px;
}
@font-face {
   font-family: baby;
   src: url("Fonts/Baby Doll.ttf");
}
@font-face {
   font-family: bunny;
   src: url(Fonts/BunnySnaps.otf);
}
@font-face {
   font-family: bubblegum;
   src: url(Fonts/BubblegumBliss.otf);
}
@font-face {
   font-family: poke;
   src: url(Fonts/pokefont.ttf);
}