body {
 font-family: 'Times New Roman', Times, serif;
 background-color: rgb(109, 156, 196);


}
p {
color: rgba(142, 20, 20, 0.901);

}

.menu ul{

text-align: center;
padding-top: 20px;
padding-bottom: 20px;
background-color: rgb(219, 208, 198);
}

.menu li{
overflow: auto;
display: inline-block;
border-radius: 40px;
background-color: rgb(234, 225, 158);
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
margin: 4px;
height: auto;
width: 180px;
font-size: 18px;
text-decoration: none;


}

{
.menu li a:hover 
background-color : rgb(181, 205, 248);
text-align: center;


}

.main{
background-color: rgb(240, 189, 189);
text-align: center;

}

.photo{
    overflow: auto;
    padding-top: 2px;
    padding-bottom: 40px;
    background-color: rgb(106, 108, 180);
    text-align: center;
    
    
}
.photo img {
text-align: center;
border-style: solid;
border-width: 2px;
border-radius: 6px;
margin: 2px;
object-fit: cover;
object-position: top;
border-color: rgb(210, 127, 127);







}

.footer{
background-color: gray;
text-align: center;

}
 
.footer{
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
padding-left: 20px;
text-decoration: none ;
background-color: rgb(205, 240, 229);
overflow: auto;


}

.footer li{
 overflow: auto;
display: inline-block;
border-radius: 4px;
background-color: rgb(199, 199, 243);
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
margin: 4px;
height: auto;
width: 150px;
font-size: 18px;
text-decoration: none;




}
.footer li a:hover{
background-color: rgb(178, 236, 237);
text-align: center;

}
#about{
text-align: center;
margin: 4px;
height: auto;


}