@font-face {
    font-family: Otsikot;
    src: url(Fontti/RubikMaps-Regular.ttf);
}


body {

    background-color: rgb(255, 28, 28);
    color: black;
    text-align: center;
    font-family: Arial, sans-serif;
}

h1{
font-family: Otsikot, sans-serif;
font-weight: normal;
font-size: 60px;
margin-top: 20px;
margin-bottom: 10px;
text-shadow: 0.05em 0.05em 0px #ff730080;
}

h2 {
    font-family: otsikot, sans-serif;
    font-weight: normal;
    font-size: 32px;
    margin-top: 60px;
    margin-bottom: 10;
    text-shadow: 1px 1px 0px #ac4414;
}
 
.kaikki {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 60px;
}

iframe {
max-width: 100%;
border: 10px inset #ac4414;
}