@import url("https://use.typekit.net/vjs8iym.css");
  @font-face {
        font-family: 'edwardian' ;
        src: url(fonts/edwardian/edwardianscriptitc.ttf)
  }

.bones {
    color:#798474;
    background-color: #27112c;
    padding:150px;
    text-align:center;
    font-size:50pt;
    font-family: "mendl-sans-dawn", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.realman {
    background-color: #443643;
    padding: 45px 30px 45px 30px;
}

.dance {
    color: #27112c;
    font-size: 20pt;
    font-family: "curve", serif;
    font-weight: 600;
    font-style: italic;
}

.hand {
    color: #27112c;
    text-align: center;
    font-size: 25pt;
    font-family: "curve", serif;
    font-weight: 600;
    font-style: normal;
}

.taught {
    color: #27112c;
    text-align: right;
    font-size: 20pt;
    font-family: "curve", serif;
    font-weight: 600;
    font-style: italic;
}

.row1 {
    display: flex;
}

.leftside1 {
    flex: 50%;
    padding:30px;
    background-color: #22032f;
}
    
.rightside1 {
    flex: 50%;
    padding: 30px;
    background-color: #ada8b7;
}

.sunshine {
    color: #ada8b7;
    font-family: "century-old-style-std", serif;
    font-size: 50pt;
}

.eyes {
    color: #ada8b7;
    text-align:right;
    font-family: "century-old-style-std", serif;
    font-size: 43pt;
}

.damn {
    color:#22032f;
    text-align:right;
    font-family: "century-old-style-std", serif;
    font-weight: 700;
}

.brutal {
    background-color: #cecfc7;
    padding: 90px 30px 90px 30px;
    color: #a71e40;
    font-size:28pt;
    font-family: "futura-100", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.djo {
    background-color: #0f1116;
    color: #626284;
    padding: 40px 30px 50px 30px;
    text-align:center;
    font-family: "sylfaen", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.chicago {
    font-size:50pt;
}

.goodbye {
    font-size:20pt;
}


.hozier {
    display:flex;
}

.left {
    flex:50%;
    padding:15px 30px 15px 30px;
    background-color: #cecfc7;
}

.right {
    flex:50%;
    padding:15px 30px 15px 30px;
    background-color: #cecfc7;
}

.living {
    color: #998db5;
    text-align: right;
    font-size:75pt;
    font-family: "edwardian";
    opacity:.63;
}

.unknown {
    color: #998db5;
    text-align:right;
    font-family: "edwardian";
    font-size: 38pt;
}

.row2 {
    display: flex;
}

.leftside2 {
    flex: 35%;
    background-color:#443643;
    padding:20px 30px 20px 30px;
}

.rightside2 {
    flex:65%;
    background-color:#27112c;
    padding:20px 30px 20px 30px;
}

.vessel {
    color:#27112c;
    text-align:right;
    font-family: "baucher-gothic-urw", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:72pt;
}

.adjust {
    color:#ada8b7;
    font-family: "prestige-elite-std", monospace;
    font-weight: 700;
    font-style: italic;
    font-size:20pt;
    line-height:58px;
}

.universal {
    background-color:#0f1116;
    text-align:center;
    padding:30px;
    color:#8faa90;
    font-family: "broadacre-thin-2", sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 23pt;
    line-height:60px;
}