:root {

}

* {
    box-sizing: border-box;
}

html {
    font: 400 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #adbac7;
    background-color: #22272e;
}

body {
    margin: 0 auto;
    padding: 10px;

    @media (min-width: 1200px) {
        max-width: 70%;
    }
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 0;
}

header {
    height: clamp(50px, 8dvh, 100px);
    display: flex;
    align-items: center;

    nav {
        height: 100%;
        display: flex;

        img {
            height: 100%;
            width: auto;
        }
    }
}