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

}
@font-face {
  font-family: Otsikkofontti; 
  src: url("Courier_Prime/CourierPrime-Bold.ttf");
  font-weight: bold;
}

h1, h2 {
  font-family: Otsikkofontti, monospace; 
  
}
h2 { 
 font-size: 200%; 
}



body { 
    font-family: Leipis, serif;
    background-color:#888;
    background-image: url(lumi.jpg);
}
h1 {color: #7977ff; }

img {
  border: 4px solid red;
  max-width: 100%;
}
div{
  max-width:800px;
  background-color: white;
margin-left: auto;
margin-right: auto; 
padding: 20px;
}
.erityinen {
     color:#b9b8ff;
     background-color: #c335bb;
}

/*Linkkien muotoiliu: */

a:link {
   color:#ad9fed;
   text-decoration: none;
}
a:visited {
    color:#564894;   
}
a:hover {
  
}
a:active {
  color:#ff3bdb;
}