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

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

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

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

body {
    background-image: url(/stuff/main-background.png);
    font-family: 'rainy';
    color: #d6d2c0;
}

#banner {
    font-family: 'gothic pixels';
    font-size: 50px;
    color: #94d9de;
    text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}

#content {
    border: 60px solid transparent;
    border-image: url(/stuff/main-border.png) 45 fill round;
    width: 400px;
}

.content {
    margin-top: -40px;
    margin-left: -40px;
    margin-bottom: -40px;
}

#content h2 {
    font-family: 'mademoiselle';
    margin: 0;
    margin-bottom: 10px;
    color: #d6d2c0;
    font-weight: 100;
}

#float1 {
    width: 224px;
    height: 300px;
    background-image: url(/stuff/float1.png);
    background-size: contain;
    background-repeat: no-repeat;
    filter: drop-shadow(-1px -1px 0 #fff)
            drop-shadow(1px -1px 0 #fff)
            drop-shadow(-1px 1px 0 #fff)
            drop-shadow(1px 1px 0 #fff);
}

#stamps {
    width: 450px;
}

#blinkies {
    width: 560px;
}

a, a:visited {
    color: #94d9de;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

a:hover {
    color: #fff;
    text-shadow: -1px -1px 0 #94d9de, 1px -1px 0 #94d9de, -1px 1px 0 #94d9de, 1px 1px 0 #94d9de;
}

#float2 {
    width: 189px;
    height: 164px;
    background-image: url(/stuff/float2.png);
    filter: drop-shadow(-1px -1px 0 #fff)
            drop-shadow(1px -1px 0 #fff)
            drop-shadow(-1px 1px 0 #fff)
            drop-shadow(1px 1px 0 #fff);
}

#float3 {
    width: 150px;
    height: 202px;
    background-image: url(/stuff/float3.png);
    background-size: contain;
    filter: drop-shadow(-1px -1px 0 #fff)
            drop-shadow(1px -1px 0 #fff)
            drop-shadow(-1px 1px 0 #fff)
            drop-shadow(1px 1px 0 #fff);
}

#float4 {
    width: 271px;
    height: 380px;
    background-image: url(/stuff/float4.png);
    background-size: contain;
    filter: drop-shadow(-1px -1px 0 #fff)
            drop-shadow(1px -1px 0 #fff)
            drop-shadow(-1px 1px 0 #fff)
            drop-shadow(1px 1px 0 #fff);
}

#float5 {
    width: 279px;
    height: 200px;
    background-image: url(/stuff/float5.png);
    background-size: contain;
    filter: drop-shadow(-1px -1px 0 #fff)
            drop-shadow(1px -1px 0 #fff)
            drop-shadow(-1px 1px 0 #fff)
            drop-shadow(1px 1px 0 #fff);
}

#buttons {
    width: 700px;
}

#float6 {
    width: 360px;
    height: 480px;
    background-image: url(/stuff/float6.png);
    filter: drop-shadow(-1px -1px 0 #fff)
            drop-shadow(1px -1px 0 #fff)
            drop-shadow(-1px 1px 0 #fff)
            drop-shadow(1px 1px 0 #fff);
}

#menu{
    border: 10px solid transparent;
    border-image: url(/stuff/menu-border.png) 10 fill round;
    color: #94d9de;
    width: 360px;
    font-family: 'mademoiselle';
}

#menu h1 {
    font-family: 'cherish';
    margin: 0px;
    text-align: center;
}