body {font-family:Roboto, sans-serif;font-size: 14px;background-color: #fff;}
div {box-sizing: border-box;}

/*desconectado*/
.logo {color:#4e4e4e}
.box-form {background: rgb(241,241,241);background: radial-gradient(circle, rgba(241,241,241,1) 0%, rgba(233,233,233,1) 100%);border-radius:8px;padding:3em 4em;}
.box-form label {font-size:12px;color:#595959;font-weight: 600;}
.box-form label.form-check-label {font-weight: normal;}
.box-form .form-control {min-width: 250px;font-size:14px;color:#828282}
.box-form .btn {display: block;}

/*home*/
.contenido {position: relative;}
.bienvenidos {position: absolute;top: 0%;left: 25%;height: 30%;width: 50%;margin: 20% 0 0 0%;text-align: center;}

/*fonts*/
/* roboto-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype'); 
  }