:root {
    --root-background-color: #3c3836;
    --default-background: #282828;
    --accent-color: #d79921;
    --default-text-color: #fbf1c7;
    --border-color: var(--accent-color);
}

html {
    display: inline;
    background-color: var(--root-background-color);
}

body {
    font-family: monospace;
}

p,h1,h2,h3,li {
    color: var(--default-text-color);
}

p,li { font-size: 1.3em; }

h1 { font-size: 2em; }

a {
    color: var(--accent-color); 
    text-decoration: none;
}

header>h1>a {
    font-size: 1.8em;
    color: var(--default-text-color);
}

nav>p>a { font-size: 1.5em; }

img {
    max-width:100%;
    max-height:100%;
    height: auto;
}

.block {
    color: var(--border-color);
    background-color: var(--default-background);
    align-content: center;
    text-align: center;
    padding: 0.75rem 1rem;
    margin: 1.175rem 25% auto;
    border-style: solid;
    border-radius: 15px;
}

.text {
    text-align: left;
    padding: 0px 3em;
}

