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

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

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

body {
    background-image: url(https://64.media.tumblr.com/35b4dd4e4bae0e9959a0726c5e479888/cfce284f9f549d99-e3/s400x600/58e12e96f097ea3c775a864a96cb497de7031e8c.jpg);
    font-family: 'rainy';
}

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

#content {
    background-color: #fff;
    color: #fec4b0;
    width: 250px;
}

.content {
    padding: 10px;
}

h1 {
    font-family: 'mademoiselle';
    margin: 0;
}

a, a:visited {
    color: #b89ac9;
    text-decoration-thickness: 1px;
}

a:hover {
    color: #e2bcf7;
    text-decoration: underline wavy;
}