body {
    /**/
    color: #1c2024;
    background-color: #eaf3fe;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 150%;
    background-image: url("/gfx/clouds.svg");
    background-size: 15rem;
}

body > * {
    max-width: 50rem;
    margin: 0 auto;
    padding: 1rem;
    background-color: rgba(237, 245, 255,0.5);
}

iframe {
    max-width: 100%;
    padding: 0;
}

h1 {
    text-align: center;
    font-family: 'Rubik Bubbles', serif;
    font-size: 5rem;
    margin-block: 2rem;
    line-height: 100%;
    color: #ffffff;
    text-shadow: 0 0 0.5rem #000000;
}

img {
    max-width: 5rem;
}

img:only-child {
    max-width: 30rem;
}

/*
p:has(img) {
    text-align: center;
}
*/

p {
    text-wrap:pretty;
}

a {
    color:black; 
}