@font-face {
    font-family: "Rebiblio";
    font-style: normal;
    font-weight: 300;
    src: url("Rebiblio-light.otf");
}

@font-face {
    font-family: "Rebiblio";
    font-style: normal;
    font-weight: 900;
    src: url("Rebiblio-black.otf");
}

.ft-rebiblio {
    font-family: Rebiblio;
}

.ft-rebiblio-black {
    font-family: Rebiblio;
    font-weight: 900;

}

.ft-rebiblio-light {
    font-family: Rebiblio;
    font-weight: 300;
}

body {
    font-family: 'Special Elite', monospace;
    height: 100%;
    width: 800px;
    margin: auto, 0;
    vertical-align: middle;
    text-align: center;
    left: calc(50% - 400px);
    right: 0;
    background: #f0f2f0;
}

#main:before {
    content: "b";
    font-weight: 300;
    font-family: Rebiblio;
    font-size: 3em;
    color: #800;
    display: block;
    text-align: center;
    line-height: 1.5em;
}

p {
    width: 60%;
    left: 20%;
    position: absolute;
    text-align: center;
    top: calc(50% - 4em);
    z-index: 200;
    line-height: 1.5em;
}

.u {
    letter-spacing: -.7em;
}

.d {
    opacity: 0;
}

a {
    text-decoration: none;
    color: #800;
}