@font-face {
    font-family: hieno;
    src: url(Puppies_Play/PuppiesPlay-Regular.ttf);
}
@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;
}
body {
    background-color: rgb(200, 239, 255);
    text-align: center;
    font-family: leipis, serif;
}
.container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(255, 246, 235);
}
img {
    border: 20px solid white;
    margin: 10px;
    box-shadow: 2px 2px 20px rgb(238, 174, 174);

}

img:hover {
    box-shadow: 2px 2px 20px rgb(128, 75, 75);
}

.header {
    background-color: #ff8ad8;
    font-family: hieno, cursive;
    font-size: 100px;
    color: white;
    background-image: url(headeri.jpg);
    background-size: cover;
    background-position: left bottom 20%;
    text-shadow: 0 0 5px #071927,  0 0 7px #071927;
    line-height: 0.6;
    padding: 55px 55px;
    text-align: center;

    box-shadow: 0px -20px 20px inset #3022803f;
}

.nav {
    background-color: white;
    color: #ff50a1;
    padding: 13px;
    text-align: center;
     box-shadow: 2px 15px 25px -10px #b1505096;
}
 .nav a:hover{

}
.footer {
    background-color: #cf9191;
    color: rgb(255, 224, 224);
    padding: 30px;
    margin-top: 50px;
}

.nav a {
   color: inherit;
   margin: 16px;
   text-decoration: none;
  
    text-decoration: underline;
 }

 h1 {
    color: #b84e47;
 }

 .etusivu {

 }

 .tekstisivu {
    text-align: left;
 }

 .eusivu .tekstisivu p {
max-width: 700px;
 }
  .etusivu .tekstisivu {
padding-left: 60px;
padding-right: 60px;
 }
 .kuvaa {
    float: right;
    box-shadow: none;
 }
  .kuvaa:hover {
    box-shadow: none;
 }

 .main {
    padding-left: 60px;
    padding-right: 60px;
    min-height: 500px;
 }

 a:link {
    color: #a34c12;
 }
 a:visited {
    color: #643b38;
 }