@font-face {
    font-family: otsikot;
    src: url(Flavors-Regular.ttf);
}

body {
background-color: rgb(51, 82, 138);
color: rgb(211, 237, 255);
text-align: center;
font-family: arial, sans-serif;
}

h1 {font-family: otsikot, sans-serif;
font-weight: normal;
font-size: 60px;
margin-top: 10px;
margin-bottom: 10px;
text-shadow: 5px 5px 0px #475b9e6e;
}


h2 {font-family: otsikot, sans-serif;
    font-weight: normal;
font-size: 60px;
margin-top: 10px;
margin-bottom: 30px;
    text-shadow: 5px 5px 0px #475b9e6e;
}

.kaikki {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(255, 255, 255, 0.5);
    padding: 60px;
}
iframe {
    max-width: 100%;
    border: 8px groove #ffefa5;

}