body {
    background-color: #EEEEEE;
    font-family: 'Basier Square';
    font-size: 1em;
    color: #222;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70vh;
    margin: auto;
    text-align: left;
}
h1 { 
    font-size: 2em;
    margin-top: 48px;
    font-weight: 500 !important
}
.container {
    display: flex;
    flex-direction: column;
    
}
.link__title { 
    display: block;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
}
b { font-weight: 700; }

a { text-decoration: none; color: #DC143C; }
a:hover { color: #A90F2E }
a:focus { color: #6E0A1E }

.color__white-100 { color: #FFF; }
.color__scarlet-100 { color: #DC143C; }
.color__scarlet-70 { color: #A90F2E; }
.color__scarlet-50 { color: #6E0A1E; }
.color__ash-100 { color: #EEE; }
.color__steel-100 { color: #CCC; }
.color__steel-70 { color: #9D9D9D; }
.color__steel-50 { color: #666666; }
.color__onyx-100 { color: #222; }

@font-face {
    font-family: 'Basier Square';
    src: url('fonts/basiersquare-semibold-webfont.eot');
    src: url('fonts/basiersquare-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/basiersquare-semibold-webfont.woff2') format('woff2'),
         url('fonts/basiersquare-semibold-webfont.woff') format('woff'),
         url('fonts/basiersquare-semibold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Basier Square';
    src: url('fonts/basiersquare-regular-webfont.eot');
    src: url('fonts/basiersquare-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/basiersquare-regular-webfont.woff2') format('woff2'),
         url('fonts/basiersquare-regular-webfont.woff') format('woff'),
         url('fonts/basiersquare-regular-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

.profile__image {
    height: 120vh;
    width: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 5%;
    z-index: -100;
}