@font-face {font-family: leipis; 
src: url("Cormorant_SC/CormorantSC-Regular.ttf") }

body {
/* helpoin ratkaisu: fontiksi arial, jos löytyy, muuten mikä tahansa pääteviivaton. */

font-family: leipis, serif;
background-color: #888;
background-image: url(maisema1.jpg); 
}
h1 {
color: #d178d6;
font-size: 300%;
}
img {
border: 4px solid #d178d6;

   max-width: 100%;
   height: auto;
   box-sizing: border-box;


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

/* Linkkien muotoilu */

a:link  {
color: light blue;

 }
a:visited {
color: light yellow;

 }
a:hover { 
text-decoration: none; /* alleviivaus pois */
}

a:active{
color: light blue;
}

@font-face  {
font-family: otsikkofontti;
src: url("Kranky/Kranky-Regular.ttf");
}
h1, h2 {
font-family: Otsikkofontti, sans-serif;
font-weight: normal; /* lihavointi pois */
}
h2  {
font-size: 200%;
}