:root {
    --color-main:#363636;
    --color-secondary:#f5f5f5;
    --color-accent1:#f3e5ab;
    --color-accent2:#7ce2ff;
    --color-accent3:#282828;
    --font-content: 'Roboto', sans-serif;
    --font-title: 'Roboto Slab', serif;
}

body {
    background-color:var(--color-main);
    margin:0px;
    padding:0px;
    -webkit-font-smoothing:antialiased;
    font-family: var(--font-content);
    font-size: 16px;
}

#id_header {
    height:10vh;
    width:100%;
    position:fixed;
    z-index: 999;
    float:left;
    background-color: var(--color-accent3);
    border-bottom-style: solid;
    border-color: var(--color-accent1);
    line-height:10vh;
    border-width: thin;
    font-family: var(--font-title);
}

#id_sitetitle {
    color:var(--color-secondary);
    margin-left:10px;
    text-align:center;
    height:100%;
    font-weight:bolder;
    font-size: xx-large;
    font-family: var(--font-title);
}

#id_navmenu {
    float:right;
    height:100%;
    width:50;
    color:var(--color-secondary);
}

#id_navmenu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#id_navmenu ul li {
    display: inline;
    font-size: larger;
}

#id_navmenu ul li:nth-child(even) {
    padding-left:5px;
    padding-right:5px;
    color:var(--color-accent1);
}

#id_navmenu ul li a {
    color:var(--color-secondary);
    text-decoration: none;
}

#id_contentholder {
    background-color: var(--color-secondary);
    border-style:solid;
    border-top-style:none;
    border-bottom-style:none;
    border-width:thin;
    border-color:var(--color-accent1);
    max-width: 720px;
    min-height: 100vh;
    padding-top: 15vh;
    padding-left:2vh;
    padding-right:2vh;
    margin:auto;
}

.sitecontent h1 {
    color:var(--color-main);
    border-bottom-style:solid;
    border-color:var(--color-accent2);
    border-width: thin;
    padding-bottom:10px;
    font-size: xx-large;
    font-family: var(--font-title);
}

.sitecontent p {
    color:var(--color-main);
    font-size: larger;
}

.sitecontent ul {
    list-style: none;
    color:var(--color-main);
    font-size: larger;
}

.sitecontent ul li {
  list-style-type: none;
  position: relative;
  padding-left: 15px;
}

.sitecontent ul li:before {
  content: "\203A";
  font-size: 15px;
  font-weight:bold;
  position: absolute;
  left: -10px;
}

#id_contenthobbies ul li {
    margin-top: 2vh;
    margin-bottom: 2vh;
}

.table_experience * {
  margin: 0;
  width: 100%;
}

.table_experience tr,th,td {
    border-bottom-style: solid;
    border-bottom-color: var(--color-accent1);
    border-bottom-width: thin;
}

.table_experience h2 {
  font-size: medium;
}

.table_experience tr:nth-child(3n+1) td {
  padding-top: 15px;
}

.table_experience tr:first-child td {
  padding: 0;
}

.table_experience h3 {
  font-size: smaller;
  font-style: italic;
  font-weight: normal;
}

.table_experience p {
  font-size: small;
  font-weight: normal;
}

.list_skills li {
  margin: 0;
  font-size: smaller;
}