#g1{
    color: blue;
    background-color:white ;
    border: solid; height: 100px;
     font-weight: bold;
     
}
li{
    display: inline-block;
    margin: 20px;
}
body{
    background-color: blue;
}
#g2{
    color: white;
    font-weight: bold; text-align: center;
}
#ima img{
    border-radius: 200px;
     height: 300px;
     width: 300px;
    
}
#ima{
    text-align: center;
}
h2{
    color: yellow; text-align: center;
}
h3{
    color: white; text-align: center;
}
#at{
    background-color: white;
    font-size: 25px;
    width: 100px;
    height: 100px;
    color: blue;
    border: 5px solid white;
}
#at:hover{
    background-color: blue;
    font-size: 25px;
    width: 100px;
    height: 100px;
    color: white;
    border: 2px solid white;
}
#g5{
    text-align: center;
}
#g6{
    background-color: white; height: 8px; 
    width: 100px; margin-left: 600px; margin-top: 20px;
}
h4{
    color: yellow; font-size: 25px;
     text-align: center;
     }
#g7 P{
    color: red;
    background-color: white; 
    border-radius: 10px; height:30px ;
    width: 110px; text-align: center;
    display: inline-block;
    margin: 50px; 
    font-weight: bold ;
}
#g7 p:hover{
    color: blue;
    background-color: white; 
    border-radius: 10px; height:30px ;
    width: 110px; text-align: center;
    display: inline-block;
    margin: 50px; 
    font-weight: bold ;
    font-size:20px ;
}
H6{
    color: white;
    text-align: center;
    
}
h5{
    color: red;
    font-weight: bold;
    text-align: center;
}
#g{
    background-color: white; 
    height: 300px;
    width: 500px;
}
#f{
    display: inline-block; 
    margin: 70px;
}
#w{
    text-align: center;
}
#m img{
    margin: 50px;
    height: 300px;
    width: 300px;
     
}
#m img:hover{
    height: 310px;
    width: 310px;
    
} 
#a{
    background-color: white;
    color: black;
    height:50px ; text-align: center;
    font-weight: bold;
}