@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap');

* {
    box-sizing: border-box;
}

body {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    /* background-color: CornflowerBlue; */
    background-color: #222;
    text-align: center;
    margin-bottom: 40px;
    color: #FFF;
}

h1 {
    font-size: 3rem;
    color: #fff;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 90%);
}

.page-wrapper {
    max-width: 600px;
    margin: 0 auto;
}

.children {
    display: grid;
    justify-items: center;
}

.heart {
    width: 50px;
}

.heart img {
    width: 100%;
    margin: 20px 0;
}

.parents img {
    width: 200px;
}

.boy,
.girl {
    padding: 10px;
}

/* .boy img, */
/* .girl img { */
/*     display: block; */
/*     background: #fff; */
/*     width: 100px; */
/*     height: 100px; */
/*     margin: 0 auto; */
/*     border-radius: 8px; */
/*     border: 15px solid #fff; */
/* } */

[id^="countdown-"] {
    font-size: 1.5rem;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {

    .page-wrapper {
        width: 100%;
    }

}