@font-face {
  font-family: din;
  src: url("fonts/din-regular.ttf");
}

body {
  margin: 0;
  padding: 2em;
  background-color: wheat;
  background-image: url("images/canvas.png");
  font-family: din, sans-serif;
}

header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  box-shadow: 0em 0em 2em;
}

main {
  margin: 9em 0 0 0;
  padding: 6em 2em 0.5em 2em;
  width: 25em;
  shadow: 5px 10px 20px 50px;
  background: linear-gradient(to right, oldlace 0%, rgba(255, 255, 255, 0) 100%);
}

footer {
  margin: 0;
  padding: 0.25em 2em 0.25em 2em;
  width: 25em;
  background: linear-gradient(to right, lightgray 0%, rgba(255, 255, 255, 0) 100%);
}

h2 {
  border-top: 3px solid darkgray;
  color: darkgray;
}

p {
  font-size: 140%;
}