#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;
    display: block;
   
   
   
    
    }
    .navbar{
      height: auto;
      padding: 5px;
      margin: 0;
      position: relative; 
      
      
      
      }
      .navbar li {
        height: auto;
        width: 135.8px; 
        float: left;  
        text-align: center; 
        list-style: none;   
        padding: 0;
        background-color: #0277bd;
        border-radius: 18px;
        margin-top: 0;
        margin-right:50px;
        margin-left: 55px;
        padding-left: 55px;
        padding-right: 74px;
        font-size:18px ;      
       text-align: center;
       text-decoration: underline;
       
                      
        
        
                    
        
        
        }
        .navbar a{							
          padding: 15px 0;  
          
          text-decoration: none; 
          color: white; 
          display:block;
         transition: all 1s ease;
          
          }
          .navbar li:hover, a:hover {
            background-color:#0277bd;
            border-radius: 18px;
            transition: all 1s ease;
            transition: 350ms;
            transform: scale(1.02);
           
            
            }
            .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;
              padding-left: 0px;
                padding-right:0px;
                opacity: 1;
                transition: all 1s ease;
                
               
              }
              .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;
                  transition: all 1s ease;
                  text-decoration: none;
                  width: auto;
                  padding-left: 0px;
                  padding-right: 0px;
                  transform: scale(0.9);
                  } 
                  .nav > ul ul{
                    position: absolute;
                    }
                    html{
                        font-family: 'Open Sans', sans-serif;
                        background-color: lightblue;
                        overflow-x: hidden;
                        overflow-y: scroll;
                    }
                    h1{
                        position: absolute;
                        display: block;
                        margin-top: 45px;
                        margin-left: 850px;
                       
                    }
                    span{
                        position: absolute;
                        display: block;
                        margin-top: 100px;
                        margin-left: 70px;
                        letter-spacing: 2px;
                        font-size: 20px;
                    }
                    #xx{
                        position: absolute;
                        display: block;
                        margin-top: 380px;
                        margin-left: 70px;
                        letter-spacing: 2px;
                        font-size: 20px;
                    }
                    img{
                        position: absolute;
                        display: block;
                        height:30% ;
                        width: 25%;
                        border-radius: 20px;
                        margin-top: 350px;
                        margin-left: 220px;
                        z-index: 1;
                       
                    }
                    #photo{
                        position: absolute;
                        display: block;
                        height:30% ;
                        width: 25%;
                        border-radius: 20px;
                        margin-top: 350px;
                        margin-left: 1220px;
                       
                       
                    }
                    #next{
                        position: absolute;
                        display: block;
                        margin-top: 840px;
                       margin-left: 840px;
                       font-size: 20px;
                       color: dimgray;
                       letter-spacing: 2px;
                       
                    }
                    #next a{
                        color: dimgray;
                        text-decoration: none;
                       }
                       #next a:hover{
                        color: dimgray;
                        background-color: #ffffff00;
                       }
                       #ww{
                        color: #ffffff00;
                        background-color: #ffffff00;
                        position: absolute;
                        display: block;
                        margin-top: 890px;
                       }
                       #space{
                        background-color: rgb(92, 199, 235);
                        border-radius: 20px;
                        position: absolute;
                        display: block;
                        margin-left: 32px;
                        width: 97%;
                        z-index: 0;
                        margin-top: 50px;
                       
                        
                    }
                    
                    #zx{
                        
                        background-repeat: no-repeat;
                        position: absolute;
                        display: block;
                        margin-top: 200px;
                        z-index: -1;
                        width: 97%;
                        height: auto;
                        margin-top: 25px;
                        margin-left: 50px;
                    }
                    #bg{
                      background-repeat: no-repeat;
                      position: absolute;
                      display: block;
                      margin-top: 200px;
                      z-index: -1;
                      width: 97%;
                      height: 82%;
                      margin-top: 25px;
                      margin-left: 21px;
                      border-radius: 20px;
                  }