body{background-color: rgb(81, 136, 238);
    color: rgb(255, 255, 255);
margin: 0;
font-size: 18px;
font-family: teksti;
text-align: left;
}






.header{background-color: rgb(0, 204, 255);
   padding: 40px 0px;
   background-image: url(tausta.1.jpg);
min-height: 140px;
font-family: teksti;
line-height: 0,8;
 background-repeat: no-repeat;   /* prevents tiling */
  background-size: cover;         /* optional: makes it fill nicely */
  background-position: center;    /* optional: centers the image */
}


header,nav,footer {padding: 10px;}


header img{
    float: left;
    margin-right: 20px;
}


.oikealla {
    float: right;
    margin-left: 20px;
}

nav{background-color: rgb(0, 204, 255);
color: rgb(255, 255, 255);
padding: 10px;
text-align: center;
position:  sticky;
top: 0;}



nav a:link, nav a:visited{ color: inherit;
text-decoration: none;}


.wrapper, .container{
max-width: 600px;
margin-left: auto;
margin-right: auto;}




a:link{color: rgb(153, 0, 255);}



a:visited{color: rgb(102, 4, 97);}



main{
    overflow: auto;
}

.footer{background-color: rgb(0, 187, 255);
color: rgb(255, 255, 255);
text-align: center;
padding: 5px;
min-height: 140px;

}

main, footer{ padding: 30px;}


h1{font-size: 40px;

}


h2{
    font-size: 25px;
    margin-top: 35px;
    margin-bottom: 0;
    scroll-margin-top: 50px;
}

h1,h2{ font-family: teksti;}


 
caption{
    
    font-size: 50px;
 }


.viivat td {
border: 1px solid rgb(0, 0, 0);
padding: 4px 8px;}


table{border-collapse: collapse;}


th{text-align: left;}

.raidat tr:nth-child(even){
    background-color: rgb(153, 0, 255);
}
.raidat th,.raidat td{ padding: 4px 8px;}