@font-face {
    font-family: 'InterRegular';
    src: url('../fonts/inter/InterRegular.eot');
    src: url('../fonts/inter/InterRegular.eot') format('embedded-opentype'),
        url('../fonts/inter/InterRegular.woff2') format('woff2'),
        url('../fonts/inter/InterRegular.woff') format('woff'),
        url('../fonts/inter/InterRegular.ttf') format('truetype'),
        url('../fonts/inter/InterRegular.svg#InterRegular') format('svg');
}

body {
    font-family: 'InterRegular', sans-serif;
}

.auth-panel-wrap {
    width: 100vw;
}

.auth-left-col {
    background-color: #005b4c;
    display: flex;
    height: 100vh;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    color: #fff;
}

.auth-right-col {
    display: flex;
    height: 100vh;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
}

.m-b {
    margin-bottom: 15px;
}

.btn-primary {
    background-color: #005b4c;
    border-color: #005b4c;
    color: #FFFFFF;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus {
    background-color: #373535;
    border-color: #373535;
    color: #FFFFFF;
}

h1 {
    font-size: 62px;
}