@font-face{
    font-family: Leipis;
    src: url("PT_Serif/PTSerif-Regular.ttf");
}

 @font-face{   
font-family: Leipis;
    src: url("PT_Serif/PTSerif-Bold.ttf");
    font-weight: bold;
}
    
@font-face{    
font-family: Leipis;
    src: url("PT_Serif/PTSerif-Italic.ttf");
    font-style: italic;
}

@font-face{    
    font-family: otsikko;
    src: url("Caesar_Dressing/CaesarDressing-Regular.ttf");
   }

h1, h2 {
font-family: otsikko, sans-serif;
font-weight: normal; /* lihavointi pois*/

} 

body {
/* Helpoin ratkaisu: fontiksi Arial, jos löytyy, muuten mikä tahansa pääteviivaton. */
   font-family: Arial, serif;
/* Tyylikäs ratkaisu: fontiksi joku hieno itse valittu, tiedostot nimetty ylempänä. */
      font-family: Leipis, serif;
      background-color: #c91252;
      background-image: url(ranta.jpg);
}     
h1  {
  color: #ba189c;
  font-size: 320%;
}

img {
   border: 4px solid #ba189c;
   max-width: 100%;
}
div {
   max-width: 800px;
   background-color: white;
   margin-left: auto;
   margin-right: auto;
   padding: 20px;
}
.erityinen {
    color: #22e055;
    background-color:#8c1268;

}
/*linkkien muotoilu*/
a:link {
 color: #2fc4c4

}
a:visited{
 color: #431e9c
}
a:hover{
text-decoration: none; /*ALLEVIIVAUS POIS*/
}
a:active{
 color: #9c1e4c
}