@font-face {
    font-family: "myFont";
    src: url("../styles/odstemplikbold.ttf");
}

/* General setup */

html {
    font-size: 10px;
    margin: 0;
    font-family: 'Shadows Into Light', cursive;
}

body {
    width: 80%;
    max-width: 800px;
    margin: 0 auto;
    margin-block-start: 10rem;
}

/* Typography */

h1 {
    font-size: 3.2rem;
}

h2 {
    font-size: 2.4rem;
}

p {
    font-size: 1.4rem;
    line-height: 1.6;
    word-spacing: 0.6rem;
}