html {
    font-family: "Lucida Grande", "Helvetica", "Arial", sans-serif;
}

.app {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0;
}

.main-header {
    padding: 2rem calc(50vw - 50%);

    h1 {
        font-size: 1.8rem;
        margin-bottom: 0.5rem;
    }
}

/** Main styles */
.item__hero > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.preview {
    background: var(--blue-6);
    max-width: 40rem;
    margin: 1rem auto;
    padding: 1rem 1.5rem;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 35%);
    border-radius: .4rem;
}