/* Passless */
.passless-container {
    height: auto;
    width: auto;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    background-color: #444140;
    border-radius: 5px; 
}

.passless-text {
    font-style: bold;
    font-size: large;
    color: #EEF0F2; 
}


/* Site */
body {
    background-color: #DADDD8;
}

label {
    display: inline-block;
    width: 75px;
    text-align: right;
    font-size: small;
}

.italic {
    font-style: italic;
    font-size: small;
    margin-top: 20px;
}

.bold {
    font-style: bold;
    font-size: large;
}

.greeting-container {
    position: relative;
    top: 30vh;
    margin: auto;
    align-items: center;
    text-align: center;
    height: auto;
    width: 500px;
    padding: 30px;
    background-color: #EEF0F2;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
    border-radius: 25px;
}

.greeting {
    height: auto;
}

/* Forms */
input {
    border: 0;
    outline: 0;
    background: #EEF0F2;
    border-bottom: 1px solid #1C1C1C;
    margin-top: 5px;
    width: 150px;
}

input:focus {
    border-bottom: 1px solid #17A398;
}

.login-container {
    position: relative;
    top: 30vh;
    margin: auto;
    text-align: center;
    height: auto;
    width: 350px;
    padding: 30px;
    background-color: #EEF0F2;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
    border-radius: 25px;
}

.login {
    height: auto;
}

.register-container {
    position: relative;
    top: 30vh;
    margin: auto;
    text-align: center;
    height: auto;
    width: 350px;
    padding: 30px;
    background-color: #EEF0F2;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
    border-radius: 25px;
}

.register {
    height: auto;
}

/* form separator */
.separator {
    display: flex;
    align-items: center;
    text-align: center;
    margin-bottom: 10px;
    color: #adb5bd;
  }
  
  .separator::before,
  .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #adb5bd;
  }
  
  .separator:not(:empty)::before {
    margin-right: .25em;
  }
  
  .separator:not(:empty)::after {
    margin-left: .25em;
  }