@import url('https://fonts.googleapis.com/css2?family=Lora:ital@0;1&family=Source+Code+Pro&display=swap');

:root {
    --background-color: #ECDBBA;
    --text-color: #161616;
    --maple-red: #C84B31;
    --mallard-green: #346751;
    --shadow-color: rgb(102, 97, 91);
}

html, body {
    margin: 0;
    padding: 0;
    color: var(--text-color);
    background-color: var(--background-color);
    font-family: "Source Code Pro", monospace;
    font-weight: 600;
    font-size: 16pt;
}

.top-content {
    margin-top: 3%;
    text-align: center;
}

.header {
    color: var(--maple-red);
    font-family: "Lora", serif;
    font-size: 48pt;
    font-weight: 400;
    font-style: italic;
}

.tagline {
    font-size: 16pt;
    margin-top: -18px;
}

a {
    font-family: "Lora", serif;
    font-style: italic;
    font-weight: 400;
    text-decoration-thickness: from-font;
    color: var(--mallard-green);
}

.big-link {
    font-size: 18pt;
    margin-left: 16pt;
    margin-right: 16pt;
}

.screenshot
{
    box-shadow: 0px 0px 10px var(--shadow-color);
    width: 80%;
    max-width: 1000px;
    height: auto;
    border-radius: 8px;
}

.footer
{
    text-align: center;
    margin-top: 32px;
    margin-bottom: 32px;
    text-align: center;
    width: 100%;
}

.footer-link
{
    text-decoration: underline;
    font-family: 'Source Code Pro', monospace;
    font-weight: 600;
    font-style: normal;
    color: var(--maple-red);
    font-size: 10pt;
    display: inline-block;
}