#activeequi{
    background-color: #062B5B;
    padding: 30px 26px;
    border-radius: 66px;
}

#logo{
    position: absolute;
    top: 0;
    left: 0;
}
#about{
    text-align: center;
}
body   
{  
height: 125vh;  
margin-top: 80px;  
padding: 30px;  
background-size: cover;  
font-family: sans-serif;  
}  
header {  
background-color: rgb(255, 106, 0);  
position: absolute;  
left: 0;  
right: 0;  
top: 0;  
height: 100px;  
display: flex;  
align-items: center;  
box-shadow: 0 0 25px 0 black;  
}  
header * {  
display: inline;  
}  
header li {  
margin: 20px;  
}  
header li a {  
color: #F8F4DD;  
text-decoration: none;
text-align: center;  
}  
.box { 
    width: fit-content; 
    height: fit-content; 
    transition: box-shadow 0.3s ease; 
    font-size: medium;
} 

.box:hover { 
    box-shadow: 10px 10px 20px #F8F4DD ; 
} 
div img{
    height: 350px;
    width: 350px;
}
.grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas:
      "img1 img2 img3"
      "text text text";
      gap: 25px 10px;
  }
  
  #img1 {
    grid-area: img1;
  }
  #img2{
    grid-area: img2;
  }
  #img3{
    grid-area: img3;
  }
.something{
  border-radius: 30px;
  align-items: center;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 5px;
  padding-bottom: 30px;
  background-color:#062B5B;
  color: #F8F4DD;
}
.some{
  align-items: center;
  top: 0;
  left: 1000;
}
h1{
  color: #062B5B;
}