body {
 font-family: 'Times New Roman', Times, serif;
 background-color: rgb(254, 211, 167);


}
p {
color: rgba(130, 55, 55, 0.901);

}

.menu ul{

text-align: center;
padding-top: 20px;
padding-bottom: 20px;
background-color: rgb(244, 180, 180);
}

.menu li{
overflow: auto;
display: inline-block;
border-radius: 40px;
background-color: rgb(245, 231, 124);
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(190, 234, 211);
text-align: center;

}

.photo{
    overflow: auto;
    padding-top: 2px;
    padding-bottom: 40px;
    background-color: rgb(87, 77, 96);
    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: darkslategrey;







}

.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(244, 185, 196);
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;


}