body {
  background-image: url("FishesBackground2.png");
  background-size: 100%;
}
@font-face {
  font-family: Pixelify Sans;
  src: url(pixelify-sans-v2-latin-regular.woff2);
}
@font-face {
  font-family: Vanosky;
  src: url(Vanosky.otf);
}
* {
  font-family: Pixelify Sans, monospace;
  font-size: 16px;
}

.all {                                           /*all*/
  background-image: radial-gradient(circle, #00000050, #040D3050, #00000090);
  border-radius: 2rem;
  height: 28rem;
  width: 55rem;
  padding: 2rem;
margin-left: 10rem;
margin-top: 1.5rem;

  }

div.menu {                                       /*menu*/
text-align: center;
  background-color: #099E9E;
  border-radius:2rem;
padding-right: 1.75rem;
float: left;
width: 5rem;
height: 28rem;
  }
  
    div.menu h2 {
      font-family: Vanosky;
      font-size: 1.2rem;
      color: #03506F;
      text-align: left;
      margin-bottom: 2rem;
      margin-left: -0.8rem;
      }
    
    div.menu ul {
      display: inline-block;
      text-align: center;
      color: #CCCCCC;
      list-style-type: none;
      list-style-position: inside;
      }
    
        div.menu ul li {
       background-color: #03506F;
       border: solid 2px #099E9E;
       border-radius: 1.5rem;
       margin: 1rem;
       padding:0.5rem;
       text-align: center;
        }

        div.menu ul li:nth-child(odd) {
      background-color: #040D3D;
      color: #BBBBBB;
       }