html, body {
    background-color: #fafafa;
    color: #636b6f;
    font-weight: 200;
    min-height: 100vh;
    margin: 0;
    width:100vw;
    font-family: 'Lato', sans-serif;
}
button{
    border:0;
    padding:10px 15px;
    font-size:16px;
    color:rgba(1, 1, 1, 0.5);
    transition:color 200ms ease;
}
button:hover{
    cursor:pointer;
    color:rgba(1, 1, 1, 0.8);
}
#logo{
    background-image: url('data:image/png;base64,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');
    width:300px;
    height:150px;
}
.full-height {
    height: 100vh;
}
.flex-center {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.position-ref {
    position: relative;
}
.top-right {
    position: absolute;
    right: 10px;
    top: 18px;
}
.content {
    text-align: center;
}
.title {
    font-size: 84px;
}
.m-b-md {
    margin-bottom: 30px;
}
