@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Roboto&display=swap');

* {
    font-family: 'Poppins', 'Roboto', sans-serif;
    background-color: white;
  }
  
.container{
    max-width: unset !important;
}
.login-section{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.background-transparent{
    background:  transparent;
}

@keyframes moveRight {
  from {
    margin-right: -175px;
  }
  to{
    margin-right: 0px;
  }
}
@keyframes moveLeft {
  from {
    margin-right: 0px;
  }
  to{
    margin-right: -175px;
  }
}

#mobileMenu {
  margin-right: -175px;
  display: none;
}
#mobileMenu.open {
  display: block;
  animation: moveRight 0.5s ease-in-out forwards;
}
#mobileMenu.close {
  animation: moveLeft 0.5s ease-in-out forwards;
  display: none;
}