main {
    display: flex;
    flex-direction: column;
}

img {
    border: solid white 2px;
    border-radius: 1em;
    margin: auto;
}

.hero {
    margin: auto;
    width: clamp(280px, 60vw, 750px);
    height: auto;
}

h1 {
    margin: auto;
}

p {
    margin: auto 2em;
    font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
}

.description {
    width: 50%;
    margin: 2em auto;
}

.card {
    width: 70%;
    margin: 1em auto;
    display: flex;
}

.card div {
    display: flex;
    flex-direction: column;
}

h2 {
    margin: auto;
}

@media (max-width: 1000px) {
    .card {
        flex-direction: column;
    }
}