.hero-left{
  
    height: 100vh;
    font-family: "Heebo", sans-serif;
    justify-content: center;
    text-align: center;
}
.header-left
{
    margin-top: 20%
}
.sub-header-left
{
    font-size: 1rem;
}

.hero-right
{
    padding-left: 12%;
    padding-right: 12%;
    margin-top:5%
}
.hero-right-profile
{
    padding-left: 2%;
    padding-right: 2%;
    margin-top:5%
}

.header-banner-right
{
    padding-left: 13%;
}
.header-banner-right-loading
{
    padding-left: -10%;
}
.header-banner-right-profile
{
    padding-left: 5%;
}
.hand-right
{
    font-size: 3rem;
    margin-right:40%;
    margin-top: 17%;
}

.input-label
{
    margin-left: 3%;
    color: #858585;
}
.password
{
    padding-right: 4%;
    font-size: 0.9rem;
}
.password-info
{
    margin-left: 3%;
    color: #858585;
    font-size: 0.8rem;
}
.social-google
{
    background-color: #35252b;
}
.social-google:hover
{
    background-color: red;
    color: #fff;
}
.social-facebook
{
    background-color: #202c39;
}
.social-facebook:hover
{
    background-color: blue;
    color: #fff;
}
.signup
{
    font-size: .8rem;
}
.header-banner-right-pass
{
    margin-top: 10%
}

.admin-error{
    background-color: #FFD580;
    color: #fff;
    border-radius: 10px;
    opacity: 75%;
    width: 100%;
    transition: all 0.4s ease-in-out;
  }



  .loading-image
  {
    padding-top: 25%;
  }
  




  .icon
{
    font-size: 2rem;
    margin-top: 15%;
}