@import url('https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css');
@import "http://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700";
html, body {
  display: flex;
  flex: 1;
}

body {
  font: 18px/1.6 'Roboto Slab', serif;
  margin: 30px 60px;
  color: #1a1a1a;
  background-color: white;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2 {
  display: block;
  font-weight: bold;
}

h1 {
  font-size: 2em;
  -webkit-margin-before: 0.67em;
  -webkit-margin-after: 0.67em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

h2 {
  font-size: 1.5em;
  -webkit-margin-before: 0.83em;
  -webkit-margin-after: 0.83em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

.about {
  flex: 0.3333;
  margin: 30px;
}

h1, h2 {
  text-transform: uppercase;
  color: #fe00f6;
}

a {
  text-decoration: none;
  color: #111;
  border-bottom: 1px solid #1a1a1a; }

p {
  margin-bottom: 24px;
}

@media only screen and (max-width: 1200px) {
  .about {
    flex: 0.6666;
    margin: 30px;
  }
}

@media only screen and (max-width: 680px) {
  body {
    margin: 10px;
  }
  .about {
    flex: 1;
  }
}