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


body {
    background-color: rgb(48, 35, 73);
    color: rgb(126, 83, 151);
    text-align: center;
}

h1 {
    font-family: otsikot, sans-serif;
    font-weight: normal;
    font-size: 50px;
    margin-top: 20px;
    margin-bottom: 60px;
    text-shadow: 3px 4px 0px #ebe1ff;
}

h2 {
    font-family: otsikot, sans-serif;
    font-weight: normal;
    font-size: 30px;
    margin-top: 80px;
    margin-bottom: 10px;
    text-shadow: 2px 3px 0px #ebe1ff;
}

.leveys {
    max-width: 400px;
}

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

div {}

iframe {
    max-width: 100%;
    border: 10px dotted #ebe1ff;
}