@import "./styles.css";

main {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    gap: 1rem;
    justify-content: center;
    padding: 0 10%;
}

div {
    border-radius: 1rem;
    box-shadow: 0 0 5px var(--accent-color);
    padding: 1rem;
    width: 40%;
}

h2 {
    margin-bottom: 1rem;
}

@media (width < 62.5em) {
    .main {
        flex-direction: column;
    }

    div {
        width: 100%;
    }
}