body, html {
    height: 100%;
    margin: 0;
  }
  
      body{
          background-color: beige;
          font-family: tahoma;
          min-width: 599px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
      }
  
  
  .menu{
          background:green;
          text-align: center;
        }
  .menu ul{
          display:inline-flex;
          list-style:none;
          color:white;
        }
  .menu ul li{
          width:100px;
          margin:15px;
          padding:15px;
        }
  .menu ul li a{
    text-decoration: none;
    color: white;
  
  }
  .active, .menu ul li:hover{
  
    background: #2bab0d;
    border-radius: 3px;
    
  } 
  .menu .fa{
    margin-right: 8px;
    
  }
  .submenu{
    display: none;
  }
  .menu ul li:hover .submenu{
    display: block;
    position: absolute;
    background: green;
    margin-top: 15px;
    margin-left: -15px;
  }
  .menu ul li:hover .submenu ul{
    display: block;
    margin:10px;
  }
  .menu ul li:hover .submenu ul li{
    width: 150px;
    padding:10px;
    border-bottom: 1px dotted #fff;
    background: transparent;
    border-radius: 0;
    text-align: left;
  }
  .menu ul li:hover .submenu ul li:last-child{
  
    border-bottom: none;
  }
  .menu ul li:hover .submenu ul li a:hover{
    color: #b2ff00;
  
  }
  .fa-angle-right{
    float:right;
  }
  h1{
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }