*, :after, :before {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

:root {
    --color-blue-light: #1556B5;
    --color-blue: #124A9B;
    --color-blue-dark: #0B2E61;
    --color-orange-light: #f39c12;
    --color-orange: #e67e22;
    --color-orange-dark: #d35400;
    --color-white: rgb(251, 251, 251);
    --color-shadow-black: rgba(0,0,0,.8);
    --color-bg: rgb(235, 235, 235);
}

*:focus {
    outline: none;
}

html {
    font-family: 'Kanit', sans-serif;
    font-size: 62.5%;
    box-sizing: border-box;
}

body {
    position: relative;
}

h1 {
    font-size: 6rem;
    font-weight: 100;
    letter-spacing: .3rem;
}

h2 {
    font-size: 5rem;
    font-weight: 200;
    letter-spacing: .25rem;
}

h3 {
    font-size: 4rem;
    font-weight: 200;
    letter-spacing: .2rem;
}

p {
    font-size: 3rem;
    font-weight: 300;
    letter-spacing: .15rem;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}