

/*██████████████████body██████████████████*/
#body {
    font-family:Arial, Helvetica, sans-serif;
}
.content-title {
    margin:0;
    padding: 0px;
}
.content-datetime {
    font-size: 16px;
    font-weight: lighter;
    font-style: italic;
}
.content-tags {
    font-size: 16px;
    font-weight: 200;
}
h1 { /*for homepage link text*/
    font-size: 32px;
}
h2 { /*for title text*/
    font-size: 24px;
}
p { /*for paragraph text*/
    font-size: 16px;
    font-weight: 100;
}
li { /*for list text*/
    font-size: 16px;
    line-height: 18px;
}
.footertext { /*for text in footers*/
    font-style: italic;
}

/*██████████████████navigation bar██████████████████*/
#navbar {
    justify-content:center;
    padding-top:0px;
    padding-bottom:0px;
    position: sticky;
    top: 0;
    z-index: 999;
    background: white;
}
#navigation {
    width:100%;
    max-width:1200px;
}
#navigationrow {
    align-items:center;
    justify-content:space-between;
    padding-top:0px;
    padding-bottom:0px;
}
#navcolumn1 { /*this column keeps the website title, and homepage link apart from the other navigation links*/
    flex:0 1 auto;
    margin-right:auto;
}
#navhomepage {
    display:block;
    padding-top:0px;
    padding-bottom:0px;
    position:relative;
    top:35%;
}
#navhomepagetext {
    padding: 0px;
}
#navcolumn2 { /*this column contains the navigation links*/
    flex:0 1 auto;
}
#navlinks {
    padding-top:0px;
    padding-bottom:0px;
}
#navabout {
    flex:0 1 auto;
}
#navabouttext {
    padding:10px;
    font-family:Arial, Helvetica, sans-serif;
    padding-left:20px;
    padding-right:20px;
}
#navthoughts {
    flex:0 1 auto;
}
#navthoughtstext {
    padding:10px;
    font-family:Arial, Helvetica, sans-serif;
    padding-left:20px;
    padding-right:20px;
}
#navfolio {
    flex:0 1 auto;
}
#navfoliotext {
    padding:10px;
    font-family:Arial, Helvetica, sans-serif;
    padding-left:20px;
    padding-right:20px;
}
#navprojects {
    flex:0 1 auto;
}
#navprojectstext {
    padding:10px;
    font-family:Arial, Helvetica, sans-serif;
    padding-left:20px;
    padding-right:20px;
}
#navarchive {
    flex:0 1 auto;
}
#navarchivetext {
    padding:10px;
    font-family:Arial, Helvetica, sans-serif;
    padding-left:20px;
    padding-right:20px;
}

/*██████████████████content██████████████████*/
#content {
    padding-top:5px;
    padding-right:0px;
    padding-bottom:5px;
    padding-left:0px;
}
.container {
    width:90%;
    margin:0 auto;
    max-width:800px;
    padding-top:0px;
    padding-right:0px;
    padding-bottom:0px;
    padding-left:0px;
}
#contentrow {
    padding: 0px;
}
.contentcolumn {
    margin-left:69px;
}
.contentbody {
    padding:10px;
    margin-left:0px;
}
#contenttags {
    padding: 0px;
}

/*██████████████████footer██████████████████*/
#footer {
    padding-top:5px;
    padding-right:0px;
    padding-bottom:50px;
    padding-left:0px;
}
#footercontent {
    padding: 0px;
}
#footerdivider {
    padding: 0px;
}
#footerrow {
    padding: 0px;
}
#footercolumn1 {
    flex-basis:30%;
    flex-grow:0;
}
#footerhomelink {
    display:flex;
    padding-top:0px;
    padding-bottom:0px;
    position:relative;
    top:35%;
    flex-direction:row-reverse;
    align-items:center;
}
#footerhomelinktext {
    padding: 0px;
}
#footercolumn2 {
    padding-top:0px;
    padding-right:0px;
    padding-bottom:0px;
    padding-left:0px;
}
#footeropiniondisclaimer {
    padding:10px;
    padding-top:0px;
    padding-right:10px;
    padding-bottom:5px;
    padding-left:10px;
}
#footerAcknowledgementofCountry {
    padding:10px;
    padding-top:5px;
    padding-right:10px;
    padding-bottom:5px;
    padding-left:10px;
}
#footercopyright {
    padding:10px;
    padding-top:5px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:10px;
}

/*██████████████████elements██████████████████*/
* { box-sizing: border-box; } 
body {
    margin: 0;
}
.grid-column {
    flex:1 1 0%;padding:5px 0;
}
.grid-row {
    display:flex;
    justify-content:flex-start;
    align-items:stretch;
    flex-direction:row;
    min-height:auto;
    padding:10px 0;
}
.link-box {
    color:inherit;
    display:inline-block;
    vertical-align:top;
    padding:10px;
    max-width:100%;
    text-decoration:none;
}
.link {
    vertical-align:top;
    max-width:100%;
    display:inline-block;
    text-decoration:none;
    color:inherit;
}
.section {
    display:flex;
    padding:50px 0;
}
.divider {
    height:3px;
    width:100%;
    margin:10px;
    background-color:rgba(0, 0, 0, 0.05);
}
.indent {
    text-indent: 50px;
  }
/*██████████████████breakpoints██████████████████*/
@media (max-width: 992px) {
    .grid-row {
        flex-direction:column;
    }
    /*#navigation {
	    position: sticky;
	    top: 0;
	    z-index: 999;
	    background: white;
    }
    #navbar {
        position: static;
    }
    #navcolumn1 {
	    position: sticky;
	    top: 0;
	    z-index: 999;
    }*/
}