@font-face {
font-family: Leipis;
src: url(Margarine/Margarine-Regular.ttf);
}
@font-face {
font-family: otsikkofontti;
src: url(Mystery_Quest/MysteryQuest-Regular.ttf);
}

h1, h2 {
font-family: otsikkofontti, sans-serif;
font-weight: normal;
color: #ff8ada;
}

body {
font-family: Leipis, sans-serif;
background-color: #888;
background-image: url(surullinen_pikku_mirri.jpg);

}
h1 {
color: #ff8ada;
font-size: 300%
}
div {
max-width: 700px;
background-color: white;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.erityinen {
color: #ff8ada;
background-color: #ffe3f3;
}

a:link {
color: #29C3F3;
text-decoration: none;
}
a:visited {
color: #E2A8C1;
}
a:hover {
color: #F84282;
text-decoration: underline;
}
a:active {
color: #FF5B03;
}