@font-face {
  font-family: Leipis;
  src: url("Comic_Neue/ComicNeue-Regular.ttf");
}
@font-face {
  font-family; Leipis;
  src: url(Comic_Neue/ComicNeue-Bold.ttf");
  font-weight: bold;
}
@font-face {
  font-family: Leipis;
  src: url(Comic_Neue/ComicNeue-Italic.ttf");
  font-style: italic;
}
@font-face {
  font-family: Otsikko;
  src: url("Comic_Relief/ComicRelief-Regular.ttf");
}

h1, h2 {
  font-family: Otsikko, sans-serif;
  font-weight: normal;
}



body {
  font-family: Leipis, serif;

  background-color: #ffd19c;
}
h1 {
  color: #a1450b;
  font-size: 300%;
}
h2 {
  color: #6e320c;
}
img {
  border: 5px solid #ffa03b;
  max-width: 100%;
}
div {
  max-width: 800px;
  background-color: #fff9f2;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

a:link {
  color: #ed7700;
}
a:visited {
  color: #a85500;
}
a:hover{
  text-decoration: none;
}
a:active {
  color: #ffb366;
}