@font-face {
font-family: Leipis;
src: url(Fontti/static/Oxanium-Regular.ttf);
}

@font-face {
font-family: Lihavoitu;
src: url(Fontti//static/Oxanium-Bold.ttf);
}

@font-face {
font-family: kursivoitu;
src: url(Fontti/static/Oxanium-Light.ttf);
}

@font-face {
font-family: Otsikkofontti;
src: url(Fontti/LeagueGothic-Regular-VariableFont_wdth.ttf);
}

h1, h2 {
font-family: Otsikkofontti, sans-serif;
font-weight: normal; /* LIHAVOINTI POIS*/}

.container {
max-width: 800px;
margin-left: auto;
margin-right: auto;
background-color: #f7f6eb;
padding: 50px;
}
.oikealla {
float:right;
margin-left: 20px;
margin-bottom: 20px;
}
.keskitetty {
text-align: center;
}


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 nimetty ylempänä.*/
font-family: Leipis, serif;
background-color: #faf8e6;
background-image: url(bussi_pysakki.jpg);
}

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

h1 {
color: #63704a;
font-size:300%;}


.erityinen 
{color: #e0e3c8;
background-color: #115921;}

/* Linkkien muotoilu:*/

a:link {
color: #8751c4;
text-decoration: none; /* ALLEVIIVAUS POIS*/}
a:visited {
color: #ca6045;}
a:hover {
text-decoration: underline; /* ALLEVIIVAUS JOO*/
}
a:active {
color: #c4c700;}