@import url(http://fonts.googleapis.com/css?family=Patua%20One|Muli|Kaushan%20Script);
:root {
    --textcolor: #E3DCD2;
    --titlecolor: #FEAA00;
    --inlinelinkcolor: #EAC886;
    --olive: #788402;
    --titlevisitedcolor: #C17144;
    --titleshadowcolor: #805200;
    --backgroundcolor: #181112;
    --backgroundcolordark: #261C1E;
    --fadedbackgroundcolor: #69595B;
    --redcolor: #FF7552;
    --seriftitle: "Patua One";
    --scribbletitle: "Kaushan Script";
    --defaulttext: "Muli";
}

body {
    background-color: var(--backgroundcolor);
    color: var(--textcolor);
    font-family: var(--defaulttext), Arial, Helvetica, sans-serif;
    border: 0px;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    font-size: 0.9em;
}

table {
    margin: 0px auto;
}

a {
    color: var(--olive);
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: var(--textcolor);
}

.olivelink a {
    color:var(--olive);
}

.olivelink a:hover {
    color:var(--textcolor);
}

h1 {
    font-family: var(--seriftitle);
    font-size: 1.8em;
    font-weight: normal;
    align-content: center;
}

h2 {
    font-family: var(--seriftitle);
    font-size: 1.4em;
    font-weight: normal;
}

h3 {
    font-family: var(--seriftitle);
    font-size: 1.1em;
    font-weight: normal;
}

p + ul {
    margin-top: -0.9em;
    margin-bottom:0.0em;
}
nav {
    align-items: center;
}

.titlename {
    font-family: var(--seriftitle);
    font-weight: normal;
    font-size: 1.2em;
    color: var(--titlecolor);
    text-shadow: 0px 2px 0px var(--titleshadowcolor);
}

.resumesubheadings {
    font-family: var(--seriftitle);
    font-weight: normal;
    font-size: 1.2em;
    text-decoration: underline;
}
.resumename {
    font-family: var(--seriftitle);
    font-weight: normal;
    font-size: 1.2em;;
}
.resumetitle {
    font-family: var(--scribbletitle);
    font-weight: normal;
    font-size: 1.0em;;
}

.subtitlename {
    font-family: var(--scribbletitle);
    font-weight: normal;
}

.sitetitlename {
    font-family: var(--scribbletitle);
    font-weight: normal;
    color: var(--textcolor);
}

.heading {
    font-family: var(--seriftitle);
    font-weight: normal;
    font-size: 1.5em;
}

div.in {
    text-indent: 7.4em;
}

.pagelayout {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border:0;
}

.headerbar {
    border-spacing:0;
    width:98%;
    max-width: 900px;
    margin:auto;
    padding:0;
}

.roundstart {
    border-spacing:0;
    margin:auto;
    padding:0;
}

.divtitle{
    display:flex;
    flex-direction:row;
    align-items: center;
    margin: 30;
}

.divtitletext{
    font-family: var(--seriftitle);
    font-weight: normal;
    flex-grow:0;
    font-size: 1.3em;
}

.dividerleft{
    flex-grow:1;
    height: 1px;
    margin: 0 3px 0 10px;
    background-color: var(--textcolor);
}

.dividerright{
    flex-grow:1;
    height: 1px;
    margin: 0 10px 0 3px;
    background-color: var(--textcolor);
}

.centeredbanner {
    margin: auto;
    width:80%;
    text-align: center;
}