.container{
  margin-left: 100px;
  margin-right: 100px;
  display: grid; 
  grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
  grid-template-rows: repeat(2, 520px);
  justify-content: center;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.boxlink {
  text-decoration: none;
 
}

.box1{
  width: 300px;
  height: 520px;
  display: flex;
  flex-direction: column;
  text-align: center;
  background-color: rgba(255, 4, 4, 0.411);
  color: white;
  border-radius: 30px;
  transition: 0.9s ease;
}

.box1text {
  font-weight: bold;
  text-decoration: none;
}

.img1{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.box1:hover{
  transition: .5s ease;
  transform: scale(1.1);
  cursor: pointer;
}



.about-cont{
padding:0, 15px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin: 0 auto;
max-width: 1000px;
gap: 5rem;
min-height: 100vh;

}

.aboutinfo{
  flex:1;
  color: white;
  padding: 15px;

}
 
.aboutinfo:hover{
  cursor: pointer;
}

.aboutimage{
  vertical-align: middle;
  object-fit: cover;
  border-radius: 1000px;
  height: 500px;
 
}

.footer{
  background-color:rgba(177, 0, 0, 0.76);
  color: white;
  text-align: center;
  padding: 15px;
}

.aboutme{
  margin-bottom: 0;
  margin-top: 30px;
}

@media (max-width:390px){
    .aboutimage{
      height: 25rem;
    }

}