@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --color-surface: #312E2C;
    --color-on-surface: #B7B8E1;
    --color-surface-darker: #1f1d1c;
}

/* Font setting */
h1,h2,h3,h4,h5,h6,p,a,input[type=text] {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;

    color: var(--color-on-surface);
}

/* Default margins to none */
h1,h2,h3,h4,h5,h6,p,a {
    margin: 0px;
}

body {
    background-color: var(--color-surface);
    
    padding: 0;
    margin: 0;
}

/* Different title settings */
h1 {
    font-size: 40px;
    font-weight: 500;
}
h2 {
    font-size: 24px;
    font-weight: 400;
}
h3 {
    font-size: 24px;
    font-weight: 300;
}

a {
    text-decoration: none;
}