nav{
    font-size: 30px;
    background-color: rgba(156, 151, 151, 0.493);
    font-family: fantasy;
    border: solid 2px black;
}
nav a{
    color: yellow;
}
nav a:hover{
    color: orange;
}
.container{
    background-color: rgb(216, 218, 218);
    border: 2px solid black;
}
div{
    text-align: center;
    float: left;
    }


p {
    display: flex;
    font-size: 1.25rem;
    color: rgb(5, 5, 5);
    font-style: italic;
   text-align: left;
   margin-top: 25px;
   margin-right: 10px;
    font-family: Georgia, 'Times New Roman', Times, serif;
   
  
   }
img{
    width: 300px;
    height: 450px;
   margin-left: 10px;
    padding: 5px;
    padding-top: 5px;
    background-position: center;
    margin-right: 10px;
    margin-top: 25px;
    border: 5px solid black;
    box-shadow:
  0 1.6px 1.2px rgba(0, 0, 0, 0.01),
  0 4.1px 4px rgba(0, 0, 0, 0.021),
  0 8px 9.1px rgba(0, 0, 0, 0.035),
  0 14.8px 18.1px rgba(0, 0, 0, 0.056),
  0 29.5px 34.6px rgba(0, 0, 0, 0.094),
  0 82px 80px rgba(0, 0, 0, 0.19)
;
}
 @media (max-width: 1024px)
{p 
{font-size: 1.2rem;}
} 

@media (max-width: 600px)
{p 
{font-size: 1.2rem;}
p{
   float: left;
}


}
img{
 
    max-height: 60%;
    margin-right: 10px;
    margin-left: 0%;
    padding: 0;
    margin-top: 28px;
 

}