.icons{
    height: 100px;
}
.aside{
    width: 40%;
    overflow: hidden;
    background-color: rgb(44, 233, 247);
    height:100%;
    position: fixed;
}
.mainimg{
    position: relative;
    top:30%;
    
}
@media (max-width: 768px) {
    .aside {
      width: 0%;
      background-color: rgb(44, 233, 247);
    height:100%;
    position: fixed;
    }
  }
  @media (max-width: 768px) {
    .main {
      width: 100%;
      position:absolute;
      left: 0px;
      background-color: rgb(232, 232, 238);
    }
  }
  @media (min-width: 768px) {
    .main {
      left: 40%;
    }
  }
.main{
    width: calc(100%-40%);
    position:absolute;
}
.input{
    width: 100%;
}
.text-align-center{
    text-align: center;
}
.space{
    justify-content: space-between;
}
.blue{
    color:rgb(27, 205, 250)
}
.input2{
    color:white;
    background-color: rgb(69, 236, 97);
    border-color: transparent;
}
.input2:hover{
    background-image: linear-gradient(to top,rgb(58, 58, 245),rgb(188, 225, 247));
    text-decoration: underline;
    border-radius: 15px;
}
.eye{
    position:absolute;
    top: 295px;
    right:60px;
}
.black{
    color: black;
}