@font-face {
    font-family: 'old-london';
    src: url('/fonts/OldLondon.ttf') format('truetype')
}

@font-face {
    font-family: 'AfterARain';
    src: url('/fonts/AfterARain.otf') format('opentype');
}

@font-face {
    font-family: 'headline';
    src: url('/fonts/DCC-Ash.otf') format('opentype');
}

@font-face {
    font-family: 'remember';
    src: url('/fonts/RememberNight.ttf') format('truetype');
}

body {
  background: url(vintage_paper.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
  color: #434040;
  text-align: left;
}

h1 {
    font-family: 'old-london';
    text-align: center;
    font-size:11rem;
    letter-spacing: -10px;
    word-spacing: -20px;
    line-height:0.8;
    margin: 10px;
    border-bottom: 5px double #434040;
    text-shadow: 2px 2px #a4a3a3;
}

div {
    max-width: 800px;
    margin: auto;
    border-left: 1px solid #434040;
    border-right: 1px solid #434040;
    padding: 20px;
}

p {
    font-family: 'AfterARain';
    font-size:1.1rem;
    letter-spacing: 1px;
    margin-top: 8px;
    margin-bottom: 10px;
}

p2 {
    font-family: 'headline';
    font-size: 4rem;
    word-spacing: -1px;
    line-height: 0.85;
}

p3 {
    font-family: 'remember';
    font-size: 1.6rem;
    line-height: 0.8;
    letter-spacing: -0.4px;
    word-spacing: -15px;
}