nav{
         width: 100%;
         height: 100px;
         color:rgb(71, 0, 0);
         display: flex;
         justify-content: space-around;
         align-items: center;
     }
     .logo{
         font-size: 2em;
         letter-spacing: 2px;
     }
     .menu a{
         text-decoration: none;
         color:white;
         padding: 10px 20px;
         font-size: 20px;
         position:relative;

     }
      .menu a:before{
          content:' ';
          position: absolute;
          top:0;
          left:0;
          width: 0%;
          height: 100%;
          border-bottom: 2px solid rgba(255, 134, 134, 0.835);
          transition: 0.4s;

      }
      .menu a:hover:before{
          width: 90%;
      }
      
      .register a{
          text-decoration: none;
          color: white;
          padding: 10px 20px;
          font-size: 20px;
          background: rgb(174, 41, 41);
          border-radius: 8px;
          transition: 0.4s;
      }
      .register a:hover{
          background: transparent;
          border: 1px solid rgb(63, 37, 37);
      }
      .h-txt{
          min-width: 80%;
          position:absolute;
          top: 50%;
          left:50%;
          transform: translate(-50%,-50%);
          text-align: center;
          color: rgb(255, 255, 255);
      }
      .h-txt span{
         letter-spacing: 5px ;
      }
      .h-txt h1{
          font-size: 3.5em;
      }
body{
  background-image: url("home_back.png");
  
  background-repeat:no-repeat;
  background-size:100%;
}
li{
  background-color:#4bde64;
  color:black;
  border:solid;
  max-width:300px;
  margin:10px;
  min-height:30px;
  text-align:center;
  justify-content:center;
  border-radius:7px;
  
}
ul{
  padding:10px;
}
.textc{
  color:white;
  text-decoration:none;
  text-align:center;
  justify-content:center;
}