@font-face {
    font-family: 'rainyhearts';
    src: url('/fonts/rainyhearts.woff2') format('woff2'),
         url('/fonts/rainyhearts.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'vtremingtonportable';
    src: url('/fonts/vtremingtonportable.woff2') format('woff2'),
         url('/fonts/vtremingtonportable.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'msgothic';
    src: url('/fonts/MS-Gothic.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

body {
    background-color: transparent;
}

p {
        font-family: 'msgothic';
        font-size: 12px;
    text-indent: 20px;
    color: #fff;
}
ul {
        font-family: 'msgothic';
        font-size: 12px;
    color: #fff;
}
li {
        font-family: 'msgothic';
        font-size: 12px;
    color: #fff;
    list-style-type: "♪ ";
}
details {
        font-family: 'msgothic';
        font-size: 12px;
    text-indent: 20px;
    color: #fff;
}
a {
        text-decoration: underline 1.5px dotted #9d7baf;
        color: #fff;
}
a:hover {
    text-decoration: underline 1.5px dotted #fff;
    font-weight: bold;
}
a:visited {
    color: #9d7baf;
}
h2 {
    font-family: 'tewi';
        font-size: 10px;
    text-indent: 0px;
    color: #9d7baf;
}
summary {
        font-family: 'tewi';
        font-size: 10px;
        color: #9d7baf;
}
hr {
    width: 70%;
    margin-top: 15px;
    margin-bottom: 15px;
}