:root {
    --bg: 174, 198, 209;
    --text: 0, 53, 62;
    --shadowy: rgba(var(--text), 0.2);
    --primary: rgba(var(--text), 0.5);
}

html, body {
    margin: 0;
}

body {
    background: rgb(var(--bg));
    box-shadow: 1px 1px 5px #222 inset;
    font-family: sans-serif;
}

.main-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
}

.site-name {
    font-size: 3em;
    color: rgba(0, 53, 62, 0.2);
    font-weight: bold;
    display: block;
    padding: 50px;
    position: relative;
}

.site-name:before, .site-name:after {
    content: attr(content);
    padding: 50px;
    color: rgba(255,255,255,.1);
    position: absolute;
}

.site-name:before { top: 1px; left: 1px }
.site-name:after  { top: 2px; left: 2px }