@charset 'UTF-8';

@import url('https://fonts.googleapis.com/css?family=Overpass:300,700');

* {
  color: #333;
}
body {
  background:linear-gradient(to left, #dcdcdc, white);
  padding: 5vh 20vh;
  font-family: 'Overpass', sans-serif;
}
h1 {
  text-align:center;
  font-size:6em;
  font-weight:700;
  margin-top:0px;
  margin-bottom:10px
}
img.rams{
  /* polygon points here: https://bennettfeely.com/clippy/ */
  shape-outside: polygon(61% 0, 75% 33%, 70% 60%, 97% 76%, 100% 100%, 0 100%, 0% 80%, 0 0);
  shape-margin:.5em;  
  float: left;
  max-width:450px;
}
img.coffee{
  shape-outside: circle();
  shape-margin:0.1em;  
  float: left;
  max-width:350px;
  padding-right:5px;
}
h2 {
  text-align:center;
  font-size: 2em;
  font-weight:700;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: .5rem;
}
p {
  font-size:1.2em;
  line-height:1.5em;
  font-weight:300;
}

section {
  margin-bottom: 20vh;
}