body {
     background-color: #40434E;
     margin: 2rem;
 }
 a {
     color: #000000;
     text-decoration: none;
     text-align: left;
    font-family: "Stack Sans Text", sans-serif;
 }


 h1 {
     font-weight: 800;
     text-align: left;
     color: #F8F4EF;
     font-size: 55px;
     margin: auto;
font-family: 'Stack Sans Headline', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 
}

h2{
font-family: "Stack Sans Text", sans-serif;  
    color: #F8F4EF;
}


h3{
    color:#40434E ;
    font-family: "Stack Sans Text", sans-serif;
}

#name{
     margin-bottom: 4rem;
}
 .hover-underline-animation::after {
     content: '';
     position: absolute;
     width: 100%;
     transform: scaleX(0);
     height: 2px;
     bottom: 0;
     left: 0;
     background-color: #000000;
     transform-origin: center;
     transition: transform 0.38s ease-out;
 }

 .hover-underline-animation:hover::after {
     transform: scaleX(1);
     transform-origin: center;
 }

.content{
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 0rem;
    margin: 0px;
    padding: 0px;
}

 section {
 background-color: #F8F4EF;
 border-radius: 100rem;
padding-top: 1rem;
padding-bottom: 3rem;
padding-left: 3rem;
padding-right: 3rem;
 margin-bottom: 3rem;
   margin-top: 2rem;
    margin-bottom: 2rem;
 }

 footer {
     font-size: 15px;
     padding-top: 2rem;
     padding-bottom: 2rem;
     text-align: center;
     color: #F8F4EF;
 }

 nav {
 padding-right: 3rem;
 padding-top: 3rem;
 padding-bottom: 3rem;
font-family: "Stack Sans Text", sans-serif;
 }
 nav a{
    color: #F8F4EF;
 }