body {
    margin: 0;
    background-color: #ffffff;
    background-image: url(../img/background.jpg);
    background-attachment: fixed;
    background-size: 100vw auto; /*fallback*/
    font-family: "Open Sans", "Calibri", "Arial", "serif";
    font-size: 1.5vw;

}
@media (min-aspect-ratio: 22/10) {
    body {
        background-size: 100vw auto;
        background-position-y: 50%
    }
}
@media (max-aspect-ratio: 22/10) {
    body {
        background-size: auto 100vh;
        background-position-x: 50%;
    }
}




.font-curved {
    font-family: 'Dancing Script', "Segoe Script", "Calibri", "Arial", "serif";
}
.color-pink {
    color: rgb(255, 102, 255);
    font-weight: bold;
}
span.dot {
    content: "\00B7";
}
.icon {
    height: 1rem;
    width: auto;
}