html, body {
    background: #faf9f6;
    height: 100%;
    padding: 0px;
    margin: 0px;
}

body {
    margin: 5px;
}

.hero-image {
    background-image: url("images/head_1.png");
    width: 90%;
    max-width: 280px;
    height: 280px;
    background-size: cover;
    background-position: center;
    box-shadow: 0px 0px 11px 3px #2d2b2480 inset
}

.fa {
    font-family: "Bodoni Moda", serif;
}

.fb {
    font-family: "Pinyon Script", cursive;
  font-weight: 400;
  font-style: normal;
  }

  .central-wrapper {
    width: 500px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f5f4f4;
    background-image: url(images/textured-paper.jpg);
    background-size: 256px;
    height: 100%;
    justify-content: center;
    box-shadow: 0px 0px 11px 3px #0000001f;
}

.type-large {
    font-size: 1.5em;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.type-normal {
    font-size: 1.3em;
    color: #393939;
    -webkit-text-stroke: 0.8px #393939;
    text-stroke: 0.8px #393939;
}

.seperator {
    width: 90%;
    max-width: 300px;
    border-top: 1px solid gainsboro;
}

.add-small {
    font-family: 'Bodoni Moda';
    font-size: 0.8em;
    font-weight: 100;
    -webkit-text-stroke: revert;
    text-stroke: revert;
}

.app {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mt20 {
    margin-top: 20px;
}

.mt40 {
    margin-top: 40px;
}

.mb20 {
    margin-bottom: 20px;
}

.c1 {
    color: #393939
}

.c2 {
    color: #666666;
}