@media (max-width: 768px){
  .background{
    height: 120vh;
  }
  .background::before{
    height: 120vh;
  }
}
@media (max-width: 430px){
  .background{
    height: 140vh;
  }
  .background::before{
    height: 140vh;
  }
}
@media (max-width: 414px){
  .background{
    height: 140vh;
  }
  .background::before{
    height: 140vh;
  }
}
@media (max-width: 412px){
  .background{
    height: 110vh;
  }
  .background::before{
    height: 110vh;
  }
}
@media (max-width: 393px){
  .background{
    height: 150vh;
  }
  .background::before{
    height: 150vh;
  }
}
@media (max-width: 360px){
  .background{
    height: 165vh;
  }
  .background::before{
    height: 165vh;
  }
}
@media (max-width: 280px){
  .background{
    height: 160vh;
  }
  .background::before{
    height: 160vh;
  }
}
aside, main{
  height: 45vh;
}
@media (max-width: 430px){
  aside, main{
    height: 100% !important;
    width: 90%;
    padding: 1rem;
  }
}
@media (max-width: 768px){
  main{
    height: 45vh;
  }
}
@media (max-width: 540px){
  main{
    height: 50vh;
  }
}

main h1{
  margin-bottom: 1rem;
}
.contact{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
@media (max-width: 430px){
  .contact{
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.contact_input label{
  margin-bottom: 0.5rem !important;
}

.contact_message{
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
}