@font-face {
    font-family: Arial;
    src: url('../fonts/Arial-BoldMT.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: CakenTruffles;
    src: url('../fonts/CakenTruffles.otf');
    font-weight: normal;
    font-style: normal;
} 
a:focus,
a:hover {
    text-decoration: none;
    color: unset; 
} 
 
a {
    color: unset;
}
 
li {
    list-style: none;
}

html {
    font-size: 16px;
}
 

@media (max-width:1800px) { 
    html {
        font-size: 13px;
    }
}

@media (max-width:1500px) { 
    html {
        font-size: 11.33338px;
    }
}

@media (max-width:1200px) {
    html {
        font-size: 8.33338px;
    }
}
 
@media (max-width:850px) { 
    html {
       font-size: 6px;
    }
}

@media (max-width:767px) {
    Html {
        font-size: 13.33338px;
    }
}

@media (max-width:450px) {
    html {
        font-size: 9.33338px;
    }
}

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

 
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline-offset: -2px;
    outline: transparent;
}