@font-face {
    font-family: 'Helvetica Extrabold';
    src:  url('/fonts/HelveticaNowDisplay-ExtraBold.otf') format('OpenType'); 
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica regular';
    src:  url('/fonts/HelveticaNowDisplay-Regular.otf') format('OpenType'); 
    font-display: swap;
}

.bg-sesion{
  width: 100vw;
  height: 100vh;
background: #0080D0;
background-image: url(/images/back.webp);
background-repeat: no-repeat;
background-size: cover;
}

.inicio{ 
  height: 100vh;
 display: flex;
 justify-content: center;
align-items: center;
flex-direction: column;
 font-family: 'Helvetica regular';
}
.inicio-form{
display: flex;
 justify-content: center;
align-items: center !important;
flex-direction: column;

}
.inicio-back{
background-color: #fff;
width: 80%;
text-align: center;
padding: 25px;
border-radius: 30px;
}
.inicio-back img{
    width: 50px;
}
.inicio-form h1{
    font-family: 'Helvetica Extrabold';
    color: #264cb4;
    padding: 20px;
}

label{
     font-family: 'Helvetica regular';
     color: #bdbdbd;
}
.btn-login{
font-family: 'Helvetica Extrabold';
background-color: #264cb4;
color: #fff;
box-shadow: 1px 7px 21px -1px rgba(38,76,180,0.71);
width: 60%;
}
.btn-login:hover{
 color: #264cb4;   
}