*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins' , sans-serif;
}

.contact{
    position: relative;
    min-height: 100vh;
    padding: 50px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    background-image: url('../Academy/background.jpg');
    background-size: cover;
    gap: 30px;
}

.content{
    background-color: rgb(45 115 92 / 59%);
    padding: 20px;
    border-radius: 15px;
    color: white;
}

.contactForm{
    background: #f0ffffb5;
    height: auto;
    padding: 20px;
    border-radius: 30px;
    color: navy;
    
}

.contactForm .inputBox{
    margin: 20px;
    padding: 10px;
    border-radius: 10px;
    height: auto
    
}

textarea{
    height:200px ;
    width: 200px;
}

.submit{
    margin: 20px;
    padding: 10px;
    border-radius: 30px;
    color: navy;
    background-color: rgba(127, 255, 212, 0.586);
    width: 70%;
}

/* .noval{
    display:none !important;
} */

.logo{
    padding: 10px;
    border-radius: 5px;
     &:hover{
      border: 1px solid black;
      box-shadow: #463b4a;
     }
     
    }
  .logo> .img{
   
      width: 80%;
      height: 100%;
      border-radius: 20px;
      box-shadow: 1px 0px black;
  }