* {
  font-family:monospace;
  font-size:14px;
  line-height:18px;
}

img {
  width:100%;
  height:auto;
}

a {
  color:blue;
  text-decoration:none;
  border-bottom:1px solid blue;
}

section {
  margin: 20px;
  max-width:700px;
  padding:20px;
}

p, ul {
  margin-bottom:20px;
}

ul {
  padding-left:30px;
}

li {
  list-style-type:disc;
  margin-bottom:6px;
}

h2 {
  font-size:1.4em;
  margin-bottom:30px;
  text-transform: uppercase;
}

strong {
  font-weight:bold;
}

.frame {
  border:2px solid #333;
  background:white;
  box-shadow:2px 2px 0px black;
  padding:10px;
  box-sizing: border-box;
  font-weight:bold;
}

u {
  text-decoration: underline;
}

div.frame {
  margin-bottom: 20px;
}

div.frame p:last-child {
  margin-bottom: 0;
}