#wrap{
    width: 100%; 
    height: 50px; 
    margin: 5px;
    z-index: 1; 
    position: relative; 
    background-color:#ffffff00;
    padding-right: 5px;
    font-size: 22px;
    letter-spacing: 0.rem;
    padding-left: 15px;
   
              
   
    
   
   
   
    
    }
    .navbar{
      height: auto;
      padding: 5px;
      margin: 0;
      position: relative; 
      display: inline-block;
      
              

     
      
      
      
      }
      .navbar li {
        height: auto;
        width: 135.8px; 
        float: left;  
        text-align: center; 
        list-style: none;   
        padding: 0;
        background-color: #0277bd;
        border-radius: 10px;
        margin-top: 10px;
        margin-right:50px;
        margin-left: 5px;
        padding-left: 38px;
        padding-right: 38px;
        font-size:18px ;      
       text-align: center;
       text-decoration: none;
      
       
                      
        
        
                    
        
        
        }
        .navbar a{							
          padding: 15px 0;  
          
          text-decoration: none; 
          color: white; 
          display:block;
         transition: all 1s ease;
          
          }
          .navbar li:hover, a:hover {
            background-color:#0277bd;
            
           
            
            
            

           
            
            }
            .navbar li ul{
              display: none;
              height: auto;									
              margin: 0; 
              padding: 0; 
              padding-left: 0;
              list-style:disk -15px;
              text-align: justify;
              text-decoration: none;
              
              }
              
              .navbar li:hover ul{
              display: inline-block;
              
                
                
                
               
              }
              .navbar li ul li{
                background-color: #0277bd;
                margin: 5px;
                padding-left: 0px;
                padding-right:15px ;
                text-decoration: none;
                font-weight: 700;
                white-space: nowrap;
                 list-style:disc;
                 position: relative;
                 line-height: 2px;
               
              
                 
                }
                
                  .navbar li ul li a:hover{
                  background-color: gray00;
                  
                  
                  
                
                }
                h1{
                    position: relative;
                    display: inline-block;
                    margin-top: 150px;
                    margin-left: 800px;
                    
                   
                    
                 }
                 span{
                    position:absolute;
                    display: block;
                    margin-top: 108px;
                    margin-left:370px;
                    font-size: 25px;
                    line-height: 60px;
                    text-decoration-skip-ink: none;
                    text-decoration:underline;
                 }
                 span a:hover{
                    background-color: #ffffff00;
                 }
                 span li a:hover{
                    background-color: #ffffff00;
                 }
                 #bf{
                  position: absolute;
                  display: block;
                  margin-top: -60px;
                  margin-left:580px ;
                  color: white;
                  background-color: #0277bd;
                  border-radius: 18px;
                  padding-left: 15px;
                  padding-right: 15px;
                  padding-bottom: 10px;
                  padding-top:10px ;
                  font-size: 24px;
                  

                  
                 }
                 #bf a{
                  color: white;
                  text-decoration: none;
                 }