body{background-color: rgb(28, 8, 48);
color: black;
text-align: center;}
.kaikki{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 60px;
}

iframe{
    max-width: 100%;
    border: 30px double  #121313 ;
}
h1{ text-align: center;
    font-family: Otsikko, sans-serif;
    font-weight: normal;
    font-size: 60px;
    margin: 0px;
    text-shadow: 7px 6px 0px #f700ffa2;}
@font-face {
    font-family:Otsikko;
    src: url(fontti/Gravitas_One/GravitasOne-Regular.ttf);
}


@font-face {
    font-family:sivu otsikko;
    src: url(fontti/Special_Gothic_Expanded_One/SpecialGothicExpandedOne-Regular.ttf);
}

h2{text-align: center;
    font-family:sivu otsikko, sans-serif;
    font-weight: normal;
    font-size: 30px;
    margin: 0px;
    text-shadow: 3px 3px 0px #f700ffa2;}