@font-face {
font-family: pekka;
src: url("IBM_Plex_Serif/IBMPlexSerif-Regular.ttf");
}

@font-face {
font-family: pekka;
src: url("IBM_Plex_Serif/IBMPlexSerif-Bold.ttf");
font-weight: Bold;
}

@font-face {
font-family: pekka;
src: url("IBM_Plex_Serif/IBMPlexSerif-italic.ttf");
font-style:italic;
}

@font-face {
font-family: otsikkofontti;
src: url("GermaniaOne-Regular.GermaniaOne-Regular.tff");
}

h1,h2 {
font-family: otsikkofontti, GermaniaOne-Regular.ttf;
font-weight:normal; /* LIHAVOINTI POIS*/
}

body {

/*helpoin ratkaisu:fontiksi Arial, jos löytyy, muuten mikä tahansa pääteviivaton*/
font-family: Arial,sans-serif;

/*Tyylikäs ratkaisu:fontiksi joku hieno itse valittu, tiedostot nimetetty ylempänä. */
font-family:pekka, serif;


font-family: pekka,serif;
background-color: #6FECB4;
background-image: url(tausta.jpg);
}

h1 {
color: #1AD6F4;
font-size: 300%;

}

img {
border: 4px solid #FD1515; 
max-width:100%;
}

div {
max-width:800px;
background-color:white;
margin-left:auto;
margin-right:auto;
padding:20px;
}

.erityinen {
color:black;
background-color:#0C91E9;
}

/* Linkkien muotoilu: */
a:link {
color:#1E4FED; 
text-decoration:none; /*ALLEVIIVAUS POIS*/
}

a:visited {
color:#9B1EED;
}

a:hover {
text-decoration:none; /*ALLEVIIVIIVAUS JOO*/
}

a:active {
color:red;
}