style.css

.head{
    display: flex;
    justify-content: center;
    flex-direction:column;
    background-color: rgb(255, 255, 255);
    width: 100%;
    align-content: space-evenly;
    height: 100%; 
 }
 h1{
     display:flex;
     flex-direction: column;
     font-size: 5vmax;
     text-align:center;
     justify-content: center;
     background-color: rgb(184, 235, 235);
     text-shadow:0.cqmax;
     color: crimson;
     padding: 10px;
     border: 20px;
 }
 p{
    text-shadow: 0cqmax;
    font-size: x-large;
    flex-wrap: wrap;
    text-align: justify;
    color: rgb(2, 3, 1);
 }
 

 .body{
    display: flex;
    background-color: brown;
    height: 200px;
    width: 200px;
    animation-fill-mode: backwards;
 }
 @media (max-width:800px) {
    .body{
        background-color: royalblue;
        border-radius: 50%;
    }
 }
 .nav{
    background-color:beige;
    color: rgb(0, 0, 0);
    display: flex;
    align-items: left;
    justify-content: space-evenly; 
}