style.scss

@import url('https://fonts.googleapis.com/css?family=Dancing+Script&subset=latin-ext');

body {
  background: #966f33 url(wood-bg.png);
  font-size: 24px;
}

a {
  color: #008;

  &.bordered {
    border-bottom: 2px solid #44c;
    border-radius: 0 0 25% 12%;
    position: relative;

    &:before {
      border: 1px solid #44c;
      border-radius: 50%;
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 100%;
      height: 0;
      -webkit-transform: rotate(-3.5deg);
      transform:         rotate(-3.5deg);
    }
  }

  &:hover, &:active, &:focus {
    color: #44c;
    text-decoration: none;
  }
}

h1 {
  margin-bottom: 30px;
}

p {
  line-height: 1.25em;
  margin-bottom: 30px;
}

.container {
  background: #f8ecc2 url(paper-bg.png);
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
  color: #008;
  font-family: 'Dancing Script', cursive;
  margin: 30px auto 15px;
  padding: 24px;
  position: relative;
  text-shadow: 0 1px #44c, 1px 0 #55d, 1px 1px #66e;

  &:before, &:after {
    content: "";
    display: block;
    height: 98%;
    position: absolute;
    width: 100%;
    z-index: -1;
  }

  &:before {
    background: #f3e7c0 url(paper-bg.png);
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    left: -5px;
    top: 4px;
    -webkit-transform: rotate(-2.5deg);
    transform:         rotate(-2.5deg);
  }

  &:after {
    background: #f0e3c0 url(paper-bg.png);
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    right: -3px;
    top: 1px;
    -webkit-transform: rotate(1.4deg);
    transform:         rotate(1.4deg);
  }

  .social-container {
    margin-top: 210px;

    @media(max-width: 767px) {
      margin-top: 0;
    }
  }
}

.pen {
  background: url(pen.png) center no-repeat;
  background-size: 100%;
  display: block;
  position: absolute;
  top: -40px;
  right: 90px;
  width: 33px;
  height: 393px;
  -webkit-transform: rotate(-225deg);
  transform:         rotate(-225deg);
  -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .75));
  filter:         drop-shadow(0 0 3px rgba(0, 0, 0, .75));
}

footer {
  border-top: 2px solid #66e;
  border-radius: 5% 1% 0 0;
  line-height: 1.5em;
  margin-top: 30px;
  padding-top: 15px;

  .fa {
    font-size: 1.5em;
    line-height: 1em;
  }

  small {
    font-size: .6em;
  }
}