/* GENERAL STYLES! */

@font-face {
    font-family: 'storybookregular';
    src: url('storybook_type-webfont.woff2') format('woff2'),
         url('storybook_type-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'forestylandregular';
    src: url('forestyland_type-webfont.woff2') format('woff2'),
         url('forestyland_type-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    background:rgb(8, 12, 73);
    color: #ffdead;
    padding: 40px;
    font-size: 40px;
    line-height: 70px;
}

h1 {
    font-family: 'storybookregular', 'arial';
    text-align: center;
    font-size: 175px;
}

p {
    font-family: 'forestylandregular', 'arial'
}

/* NAVIGATION! */

.nav {
    margin-bottom: 60px;
    position: relative;
    left: 45%;
    user-select: none;
    font-family: 'forestylandregular', 'arial'
}

.nav-link {
    background-color: cadetblue;
    color:lightgoldenrodyellow;
    padding: 5px;
    border-radius: 6px;
    margin-right: 8px;
}

.nav-link:hover {
    background-color:lightblue;
    box-shadow: 0 0 5px lightblue;
}

/* MAIN! */

.main {
    font-size: 2rem;
}

.home .main {
    font-size: 4rem;
}