@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');



body {
   background-color: #5f7bafad;
background: #001F61;
background: linear-gradient(150deg, rgba(0, 31, 97, 1) 0%, rgba(216, 221, 235, 1) 27%, rgba(152, 165, 194, 1) 54%, rgba(0, 31, 97, 1) 100%);
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
}


.kaikki {
   background-color: #fff;
   max-width: 600px;
   margin-left: auto;
   margin-right: auto;
}
.header {
   background-color: #154564;
   background-size: cover;
   background-image: url(etusivukuva.JPEG);
   position: relative;
   color: white;
   font-family: "Alex Brush", cursive;
   text-shadow: 0px 0px 7px #000936;
   padding: 45px;
   padding-bottom: 30px;
   font-size: 60px;
   line-height: 1;
   box-shadow: inset 0px -2px 15px rgba(0, 25, 78, 0.911);
}

.main {
   padding: 40px;
   font-size: 17px;
   font-family: Merriweather;
}

.footer {
   padding: 30px;
   margin-top: -10px;
   font-size: 15px;
   color: #ffffff;
   font-family: Merriweather;
   background-color: rgba(0, 25, 78, 0.911);
   box-shadow: inset 0px 0px 8px 8px #ffffff;
}

.header, .footer {
   text-align: center;
}

img {
   max-width: 100%;
}

a:link, a:visited { 
   color: #154564;
}