body { display: grid; place-items: center; gap: 25px; font-size: 150%; padding: 20px; margin: 0;
    background: fixed url(img/bg.png) center no-repeat; background-size: cover; }
@media  only screen and (max-device-width: 768px) { body { background-position: 70% 100%; } }
.visually-hidden { visibility: hidden; }
.hidden { display: none; }

header { margin-left: auto; }
.links ul { display: flex; gap: 10px; list-style: none; margin: 0; padding: 0; }
@media  only screen and (max-device-width: 768px) { .links ul { flex-direction: column; } }
@media  only screen and ((min-device-width : 768px) and (max-device-width : 1024px)) { .links ul { flex-direction: column; } }
.header-link-button { display: flex; align-items: center; justify-content: center; height: 45px; width: 150px; background-color: #010409; }
.links a { font-size: 14px; text-decoration: none; color: #FFFFFF; }
a:hover { color: #A75BAC; }
a:visited { color: #c381c8; }
ul { list-style-type: none; }

.checklist {
    display: table;
    max-width: 900px;
    background-color: rgba(108, 214, 248, 0.7);
}

.checklist h1 {
    display: table-caption;
    min-width: inherit;
    font-size: 1.2em;
    text-align: center;
    color: whitesmoke;
    background-color: #442456;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin: 0; padding: 5px;
}

.checklist header {
    display: table-header-group;
    min-width: inherit;
}

.checklist header li {
    background-color: rgba(99, 195, 253, 0.7);
}

.checklist ul {
    display: table-row;
    text-align: center;
    vertical-align: middle;
}

.checklist li {
    display: table-cell;
    padding: 10px 15px;
}

.checklist ul:hover {
    background-color: rgba(167, 162, 198, 0.7);
}

em {
    font-size: 90%;
}

.content {
    display: table-row-group;
}