body {
  /*--font-main         : #101033;
    --background        : snow;
    --secondary         : #ff4848;*/
    --font-main         : #443030;
    --background        : white;
    --primary           : #ff2a00;
    --secondary         : #ff5533;
    --global-font       : 'Raleway', sans-serif;
    background          : var(--background);
    font-family         : var(--global-font);
    font-size           : 0.8em;
}

.header-image > div:nth-child(2){
    margin-top : auto;
    padding-right : 20%;
}

.nav {
    flex-direction  : column;
}

.nav-button {
        border-bottom : 1px solid var(--secondary);
}

input[type="checkbox"]:checked ~ .header-image {
    bottom      : calc(36px * 4);
}

input[type="checkbox"]:checked ~ .nav {
    height : 100%;
}

.blurb {
    flex-direction  : column;
}

.blurb > div:not(.preview-image) {
    max-width       : 100%;
    padding-top     : 1em;
}

.preview-image {
    min-height      : calc(60px + 0.5em + 3px);
    max-width       : 100%;
}

.preview-image > span {
    position        : relative;
    min-width       : 100%;
}

img#about_img {
    width   : 100%;
}