.login__background {
   position: fixed;
   width: 100vw;
   height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: auto;
   margin-right: auto;
   background:
   linear-gradient(118deg,#FFFFFF 2%,rgba(255,255,255,.1) 15%),
   linear-gradient(222deg,#47DED4 28%, #99ffc9 45%,#FFFFFF 71%,#47DED4);
  }
  /* rgba(200,250,210,1) */

.login__container{
   background-color: rgba(240,250,255,.5);
   padding: 4rem;
   border-radius: var(--cardRadius);
   box-shadow: 0 .2rem 1rem rgba(160,160,160,.2);
}


.login__logo--container{
   display: flex;
   background-color: #FFFFFF;
   border-radius: 50%;
   justify-content: center;
   align-items: center;
   width: 6.3rem;
   height: 6.3rem;
   flex-flow: column;
}

.login__logo--image{
   height: 1rem;
}

.login__logo--text{
   font-size: .8rem;
   color: var(--textColorDark);
   margin-top: .3rem;
   font-weight: bold;
   letter-spacing: .2rem;
}

.login__text--main{
   font-size: 1.5rem;
   color: var(--textColorDark);
}

.login__container--form{
   display: flex;
   flex-flow: column;
   justify-content: center;
   align-items: center;
   margin-top: 2rem;
}

.login__container--formGroup{
   margin-top: 1rem;
   display: flex;
   flex-flow: column;
}

.login__label--input{
   font-size: .9rem;
   color: var(--textColorDark);
   margin-left: 1rem;
   margin-bottom: .3rem;
}

.login__input{
   font-size: .9rem;
}

.login__button{
   background-color: var(--buttonBackground);
   color: #FFFFFF;
   border: none;
   min-width: 10rem;
   height: 3rem;
}

.login__button:hover{
   cursor: pointer;
}