body {
    margin: 0;
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

img {
    max-width: 80%;
}

span {
    font-weight: bold;
}

.content {
    padding-inline: 20px;
    line-height: 1.6; 
    text-align: left;
}

ul {
    padding-left: 20px;
}

@media screen and (min-width: 768px) {
    .content {
        max-width: 500px;
        margin: 0 auto;
        padding-inline: 30px;
        font-size: 18px;
    }
}

@media screen and (min-width: 1024px) {
    .content {
        max-width: 800px;
    }
}