nav{text-align: center;
    background-color:none;
    border-radius: 10px;
    height: 40px;
    padding-top: 20px; 
    background-size: auto;
    border:2px solid lightgrey;
   
}
#drift{
    width:40px;
    height:auto;
    border-radius:10px;
    display: block;
    margin: auto;
   }
#bck{
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center;
    background-image:url("images/sunset.jpeg");
    
}

#week{
     padding:5%;
     font-size: medium;
     border-top-left-radius:20px;
     border-bottom-right-radius:20px;
}
#b{
    border-top-left-radius:10px;
    border-bottom-right-radius:10px;
    color:white;
    background-color:grey;

}
b{
    font-size:25px;
}
#krd{
    background-color:grey;
    border-radius:5px;
    border:2px solid white;
    padding:3px; 
    color:white; 
    font-family: 'Times New Roman', Times, serif;
    font-size:100%; 
}
#button1{background-color:grey;
          border-radius:5px;
          color:white;
          border:2px solid white;
          margin-top:2px;
          font-size:100%;
          font-family: 'Times New Roman', Times, serif
         
        }
#button3{background-color:grey;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border:0cap;
    color:white;
}
    #button4{
     border-bottom-right-radius:10px;
     border-top-left-radius:10px;
     background-color:grey;
     color: white;
     border: 2px solid black;
     font-family:'Times New Roman', Times, serif;}

     footer{
           background-color:none;
           margin-block:auto;
           border-radius:10px;
           border:2px solid grey ;
           width: auto;
          height: auto;
     }
#div1{color:black;
    background-color:lightgrey;
    text-align: center;
    border-radius: 10px;
    border: 1px solid lightgrey  ;
}
    #no30{
           width:80%;
           height:auto;
           margin-left:4px;     
    }
#img1{width: 60%;
    height:auto;
    border: 1px solid lightgrey;
    border-radius: 10px;
    margin-top:5%;
    margin-bottom:10% ;
    margin-left:20%;
    margin-right:20%;
   }
#img2{width: 25%;height: 30%;
}
#img3{width: 25%;
    height:auto;   
}
#img4{width: 50%;height: 50%;}
#img5{width: 50%;height:50%;}
#img6{width: 80%;
    height:auto;    
}
#img7{width: 50%;height: 50%;}


#div2{background-color:white;
  color:white;
text-align: center;
border-radius: 10px; }

h1{
    text-align: center;
    font-family:'Times New Roman', Times, serif;
    color:white;
    translate: 0px 40px;
    font-size:x-large;
}


    h4{
        text-align: center;
        font-family:'Times New Roman', Times, serif;
        color:black;
        background-color:lightgrey;   
}
#wlc{
    color:white;
    translate: 10px 10px;          
}
#foot{
    text-align: center;
    color:black;
    background-color:white;
    border-radius: 7px;
    padding-left:5%;
}
    #res{
        width:70%;
        height:auto;
        text-align:center;
        margin-top:8%;
        border-radius:10px;
        }
        #moon{
             border:2px solid lightgrey;
             border-radius: 10px;
             background-color:none;
            text-align: center;
        }
    
    h3{border: 1px solid lightgrey;
        background-color:grey;
        border-radius: 10px;
        font-size:20px;
        color:white;
      }
    h2{
        font-size:45px;
        font-family:'Times New Roman', Times, serif;
    } 
    
       
        #btn{
            background-color:transparent;
            border: 2px solid lightgrey;
            border-radius: 10px;
            color: white;
            font-size:15px;
        }
        #btn2{
            border-radius:8px;
            border:2px solid rgb(48, 219, 219);
            color:white;
            background-color:transparent;
            margin:2%;
        }
    
    p{
        text-align: center;
        background-color:none;
        color:black;
    }

#button1:hover{
    background:black;
    color:white;
    transform: scale(1.1 ,1.2); 
}
   #button2:hover{
        background:black;
        color:white;
        transform:scale(1.1,1.2);
   } 
   #button3:hover{
    background: black;
    color:white;
    transform:scale(1.1,1.2);
           
}

#park{
    width:250px;
    margin:2px;
    border-radius:10px;
}

#map{
    display: block;
    margin: auto;
    border-radius:10px;
} 

#bb{
    color:olive;
    background-color:none;
    text-align: center;
    font-size:25px;
}
#report{
    width:100px;
    margin:10px;
    border:2px solid lightgrey;
    padding:4px;
    display: flex;
    border-radius:10px;
    color:rgb(55, 55, 235);
    font-size:18px;
    font-weight:bold;
    background-color:transparent;
    font-family:'Times New Roman', Times, serif;
}

 #report:hover{
    background-color:white;
 } 
 a{text-decoration:none;}
 /*about page*/
  .hd{
     background-color:black;
     color:white;
     text-align:center;
     height:60px;
     padding-top:50px;
     font-size: x-large; 
  }
  .bdy{
    background-color:grey;
  }
  #msg{
    text-align:justify;
    margin: 10px;
    font-size:large;
    color: white;}
    
    .msg{
        text-align:justify;
        margin: 10px;
        font-size:large;
        color: white;
  } 
  .bt{
    background-color: black;
    text-align: center;
  } 
  #btn3{
    padding-left:45%;
     text-decoration:none;
     color: black;
  }
  #yol{
      width:100%;
      height:auto;
      margin:none;   
  }
  #yolo{
        display: block;
        margin: auto;
  }
 
  #louis{
    display: block;
    margin: auto;
}
ion-icon{
      width:50px;
      height:30px;
      color:white;
}

iframe{
    display:block;
   margin: auto;
    width:70%;   
}
#kgw{
    font-size:20px;
    font-weight:bold;
    color:white;
    outline: auto;
}