body {
  background: #333333;
  font-family: 'liberation_sansregular', sans-serif;
  font-weight: normal;
  vertical-align: baseline;
  color: rgb(34, 34, 34);
}

h1 {
  font-size: 22px;
  font-weight: normal;
}

img {
  border-style: none;
}

img.life {
  margin-top:15px;
  margin-bottom:15px;
  margin-right: 45px;
}

div.content {
  padding: 20px;
  padding-top: 30px;
  padding-bottom: 10px;
  margin: 10px;
  background: white;
}

.about {
  float: right;
}

.about-content {
  margin-left: 40px;
  margin-bottom: 40px;
}

.project-desc {
  font-size: 18px;
}

.intro {
  margin-left: 4%;
  margin-right: 4%;
  font-size: 16px;
  font-family: 'liberation_sansitalic', sans-serif;
}

.project-box {
  padding-left: 2px;
  background: #333333;
  margin-bottom: 35px;
  margin-top: 35px;
  margin-left: 4%;
  margin-right: 4%;
}

.project {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 20px;
  background: white;
}

p {
  max-width: 70ch;
  min-width: 20ch;
}

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

li {
  padding-left: 15px;
}

div.text {
  margin-left: 5%;
  margin-right: 5%;
}