:root{
    --ld-white: #F8F9FA;
    --ld-white-2: #E9ECEF;
    --ld-lgray: #DEE2E6;
    --ld-lgray-2: #CED4DA;
    --ld-gray: #ADB5BD;
    --ld-dgray: #6C757D;
    --ld-dgray-2: #495057;
    --ld-dgray-3: #343A40;
    --ld-black: #212529;
}

/* Hide Elements Until Loading Finished */
[v-cloak] {
  display: none;
}


html {
  min-height: 100%;/* fill the screen height to allow vertical alignement */
  display: grid; /* display:flex works too since body is the only grid cell */
}

body {
  margin: auto;
  background: var(--ld-black);
}

input {
  background: var(--ld-lgray);
  color: var(--ld-black);
  border: 1px solid var(--ld-lgray-2);
  width: 100%;

/*  Fake Center Text*/
  padding-top: 0.3rem;
}

input:focus{
  background: var(--ld-white);
}

/* Login Box */
.login-box{
  height: 500px;
  max-width: 373px;
  background: var(--ld-white);
}
.logo-login{
  width: 21rem;
/*  padding-bottom: 1rem;*/
  cursor: pointer;
  transition: transform 0.4s ease-out;
}