@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');


:root {
    font-size: 15px;
    --color-primary: #145E77;
    --color-primary-lowOpacity: rgba(20, 94, 119, 0.2);
    --color-primary-alt: #088D96;
    --color-secondary: #54b6ad;
    --color-info: #8AA1B1;
    --color-grey: #999;
    --color-grey-alt: #757575;
    --color-grey-light: #f2f2f2;
    --color-white: #fff;
    --color-black: #212121;

    --color-border: #cacaca;

    --border-radius: 5px;

    --transition-md: all 0.1s linear;
}

.d-flex-wrap{
    display: flex;
    flex-wrap: wrap;
}

.text-white{color:var(--color-white)}

body {background: var(--color-grey-light);}
body *{
    font-family: 'Inter', sans-serif;
    color: var(--color-black);
    letter-spacing: -0.3px;
}

.row{
    max-width: 1125px;
}

a{
    color: var(--color-primary-alt);
    transition: 0.25s;
}
a:hover, a:focus{
    color: var(--color-primary)
}

h2{
    font-weight: 700;
}
h5{
    font-weight: 400;color: #8392a5;
}

input[type=text], input[type=password], input[type=email] {
    height: 3rem;
    line-height: 2.8rem;
    margin-bottom: 20px;
    border-radius: 12px;
    border: 2px solid var(--color-border);
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus {
    border-color: var(--color-primary-alt);
}

label{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
}

.button, .button.expand{
    font-size: 17px;
    line-height: 23px;
    padding: 16px 30px;
    border-radius: 12px;
    background: var(--color-primary-alt);
    color: var(--color-white)
}

.button:focus, .button:hover{
    background: var(--color-secondary);
    color: var(--color-primary);
}


.logo{width: 100%;}


/* -------------------------------------- */

.img-login img{height:100vh;width:100vw;object-fit:cover}


@media only screen and (max-width: 40em) {
    
    .img-login {padding-right: 0;margin-bottom: 20px;}
    .img-login img{height:40vh}

    #login .button.expand.mgt35{margin-top: 15px !important;}
    #login .mgb40{margin-bottom: 20px !important;}

 }