@media ( min-width: 1200px) {}

@media ( min-width: 992px) {}

@media ( min-width: 769px) {}

@media ( max-width: 768px) {}


@font-face {
    font-display: swap; 
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/inter-v12-latin-regular.woff2') format('woff2'); 
}

@font-face {
    font-display: swap; 
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/inter-v12-latin-700.woff2') format('woff2'); 
}

div{
    position: relative;
}

body{
    background: rgb(248,249,250);
    font-family: 'Inter', sans-serif;
}

#register_email_adress, #login_email_adress {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
  
#register_password, #login_password{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.form-floating:focus-within {
    z-index: 2;
}

.maincol{
    max-width: 480px;
}

.nav-link:hover{
background: rgba(255,255,255,0.3);
}

.btn-logout{
    position: absolute;
    top:0;
    right:0;
}