@font-face {
    font-family: 'gothic pixels';
    src: url(/GothicPixels.ttf);
}

@font-face {
    font-family: 'bleed';
    src: url(/about/BleedingPixels.ttf);
}

@font-face {
    font-family: 'rainy';
    src: url(/rainyhearts.ttf);
}

body {
    background: url(/about/main-background.png);
    padding: 0;
    margin: 0;
}

#banner {
    background-image: url(https://64.media.tumblr.com/5143c05909e0f55e65f856284ded1b17/b8239e5165ed80ef-36/s2048x3072/6f598c238a27a3b27ffdcaacdd4ecf91e2bcb926.pnj);
    background-repeat: no-repeat;
    background-size: contain;
    width: 99,9%;
    height: 331px;
    margin-top: -15px;
    margin-bottom: -100px;
    font-family: 'gothic pixels';
    font-size: 50px;
    padding-top: 15px;
    padding-left: 10px;
    color: #ff8dd1;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.content {
    background-image: url(https://64.media.tumblr.com/517b61d902de6c34b0fab7fa8766e413/54dbdd530a69c1c9-d1/s75x75_c1/83a4b235e92058ebab37fdd87268f90e229664c8.pnj);
    margin-top: -50px;
    margin-left: -40px;
    margin-right: -43px;
    padding: 10px;
    margin-bottom: -37px;
    border-radius: 20px;
    border: 1px solid #fb7a93;
}

#content {
    border: 90px solid transparent;
    border-image: url(/about/content-border.png) 90 fill round;
    padding: -100;
    width: 550px;
    font-family: 'rainy';
    color: #fb7a93;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

#content h2 {
    font-family: 'bleed';
    margin: 0;
    color: #fb7a93;
    font-size: 40px;
}

.clearfix {
    overflow: auto;
}

#float1 {
    background-image: url(/about/float1.png);
    height: 720px;
    width: 630px;
}

#float2 {
    background-image: url(/about/float2.png);
    height: 612px;
    width: 408px;
}