:root {
    --margin: 12mm;
    --padding: 12mm;
}

@font-face {
    font-family: "Edwin Italic";
    src: url("Edwin-Italic.woff");
}

body {
    font-family: "Edwin Italic", serif;
    background-color: #F8C8DC;
    background-image: url(rose.gif);
    background-size: 50px;
    background-repeat: repeat;
    text-align: center;

    >*:not(footer) {
        >* {
            display: inline-block;
            padding-right: var(--padding);
            padding-left: var(--padding);
        }

        >*:not(:first-child) {
            margin-top: var(--margin);
        }
    }

    >footer {
        display: inline-block;
        max-width: 60%;
    }

    >main {
        margin: var(--margin);

        >div {
            background-color: #ffe1f289;
            backdrop-filter: blur(5px);
            box-shadow: 3px 3px 5px rgb(0 0 0 / 0.5);
            border-radius: 15px;
            max-width: 30%;

            >* {
                text-shadow: 0 0 5px #ffe1f2, 0 0 5px #ffe1f2,
                    0 0 5px #ffe1f2, 0 0 5px #ffe1f2,
                    0 0 5px #ffe1f2, 0 0 5px #ffe1f2,
                    0 0 5px #ffe1f2, 0 0 5px #ffe1f2;
                text-align: left;
            }
        }
    }
}

img {
    image-rendering: crisp-edges;
}