@font-face {
    font-family: "SourceCode-Pro";
    src: url("source-code-pro.woff") format('woff');
}

@font-face {
    font-family: "PlayfairDisplay-Regular";
    src: url("playfair-display-regular.ttf");
}

@font-face {
    font-family: "AbrilFatface-Regular";
    src: url("AbrilFatface-Regular.ttf");
}

html {
    font-family: Helvetica, sans-serif;
    background-color: #fafafa;
    color: #050505;
}

.container-wrap {
    width: 100%;
}

.sep {
    display: block;
    width: 100%;
}

.button-primary {
    background-color: #0F2E4D !important;
    color: #E1EDF9 !important;
    border: none !important;
    text-decoration: none;
    font-size: 3rem;
    padding: 2rem;
    height: auto !important;
}

.large {
    color: #0F2E4D;
    font-size: 3rem;
}

.neutral {
    color: #0F2E4D;
    font-family: "AbrilFatface-Regular", serif;
}

h1 {
    font-size: 9rem;
    font-weight: normal;
}

h2 {
    font-size: 7rem;
    font-weight: normal;
}

.design {
  background-color: #991F3B;
  color: #FFEDF1;
  font-size: 2rem;
}

.design h2 {
    font-family: "PlayfairDisplay-Regular", serif;
}

.develop {
  background-color: #66991F;
  color: #F8FFED;
  font-size: 2rem;
}

.develop h2 {
    font-family: "SourceCode-Pro", monospace, sans-serif;
}

em {
    font-style: normal;
    font-weight: bold;
}

a, a:active {
    color: #5762AD;
}