h1
{
  border-bottom: solid 4px #AABBCC55;
}
h2
{
  display: none;
}
h3{
  border-bottom: solid 2px #AABBCC45;
  flex-basis: 100%;
}
main#content
{
  margin-left: auto;
  margin-right: auto;
}
.hidetitle > h4 {
  display: none;
}

main#content > .container{
  width: 100%;
  max-width: 100%;
  padding-left: 0px;
}
.post .post-content
{
  display: flex;
  flex-direction: row;
  margin: auto;
  line-height: 1.5;
}

.about{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding-right: 5px;
  margin-right: 15px;
  border-right: solid 2px grey;
}

.information .socials
{
  display: flex;
  flex-flow: column wrap;
  align-items: stretch;
  justify-content: stretch;
}

.information .socials p
{
  align-items: stretch;
  justify-content: baseline;
  display: flex;
}
.information .socials a
{
  display: flex;
  padding-top: 0em;
}
.information .socials svg
{
  padding: 5px;
  padding-top: 3px;
  align-self: baseline;
}

.about #picture
{
  display: none;
}

.about .information
{
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.information h3
{
  display: None;
}

.about .skills > ul
{
  font-size: .8em;
}

.about p
{
  margin: .1em;
  background-color: #AABBEE20;
}

.letters-of-recommendation
{
  order: 10;
  font-size: 13px;
}

.life
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  flex-basis: 100%;
}

.life .personal{
  width: 55%;
}

.life .projects {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 30%;
}

.life .projects > h3
{
  height: 1.5em;
}

.project {
  flex-basis: 40%;
  padding: .5em;
  margin: .3em;
  font-size: .8em;
  border: solid 1px #AABBCC45;
  border-radius: 10px;
  flex-grow: 1;
}

.project.wide{
  flex-basis: 100%;
  flex-grow: 2;
}



.life .work{
}

.work .work-entry
{
  display: flex;
  flex-flow: row wrap;
  padding: 15px;
  border-bottom: solid 1px #AABBCC45;
  border-left: solid 1px #AABBCC45;
  border-radius: 15px;
}
.work-entry h4
{
  flex-basis: 60%;
  flex-grow: 2;
  border-bottom: solid 2px #AABBCC45;
}
.work-entry h5
{
  margin-bottom: 0px;
}
.life .work > .work-entry p
{
  flex-basis: 20%;
  flex-grow: 1;
  font-size: .75em;
}
.life .work > .work-entry .role p
{
  font-size: 1em;
  border-bottom: none;
}

.cover_text p:first-of-type
{
  text-indent: 0em;
}

.cover_text p
{
  text-indent: 2em;
}

@page {
  size: Legal;
  margin: 1cm;
}

@media print
{
  .header, .footer {display: None;}
}
