@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap");
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v70/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

@font-face {
    font-family: 'LD Tall Tale Regular';
    font-style: normal;
    font-weight: 400;
    src: url("/fonts/LDTallTaleRegular.ttf");
}

html,
body {
    margin: 0;
    padding: 0;
}
* {
    box-sizing: border-box;
}

body {
    font-family: "Open Sans", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
h1 {
    font-size: 2rem;
}
.tall-tale {
    font-family: "LD Tall Tale Regular";
    font-weight: 100;
}
article {
    padding: 2rem;
}

@media only screen and (max-width: 640px) {
    article {
        padding: 1rem;
    }
}