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



body {
    background-color: rgb(44, 87, 44);
    color: rgb(167, 224, 172);
    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: 30px;
    text-shadow: 6px 7px 0px #1f3f2a;
}

h2 {
    font-family: otsikot, sans-serif;
    font-weight: normal;
    font-size: 40px;
    margin-top: 80px;
    margin-bottom: 10px;
    text-shadow: 4px 5px 0px #1f3f2a;
}

.kaikki {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(81, 139, 86, 0.5);
    padding: 60px;
}

iframe {
    max-width: 100%;
    border: 6px dashed rgb(15, 58, 41);
}