$breakpoint-tablet: 640px;
$breakpoint-mobile: 380px;

body {
    background-color: #fff;
    color: #111;
    font-family: 'Inter', sans-serif;
    font-size: 100%;
}

h1, h2, h3 {
    font-family: 'Libre Baskerville', serif;
}

#logo {
    height: 80px;

    @media (max-width: $breakpoint-tablet){
        height: 70px;
    }
    @media (max-width: $breakpoint-mobile){
        height: 60px;
    }
}

header {
    margin-left: 0.4em;
    margin-top: 0.4em;
}