* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


@font-face {
    font-family: "Cormorant";
    src: url("fonts/Cormorant-Regular.woff") format("woff");
}

@font-face {
    font-family: "Jost";
    src: url("fonts/Jost-Medium.woff") format("woff");
}


body {
    font-family: "Cormorant", serif;
    line-height: 1.6;
    padding: 5rem 6vw;

    background: linear-gradient(
        to bottom,
        #000 0%,
        #000 50%,
        #fff 50%,
        #fff 100%
    );
}

blockquote {
    max-width: 1100px;
    margin: auto;
}


.block {
    display: block;
    max-width: 520px;

    margin-bottom: 1.8rem;
    padding: 1.1rem 1.4rem;

    background: #ff2a8a;
    color: #000;

    font-size: 1.05rem;
}

.block:nth-child(3n + 1) {
    margin-left: 0;
}

.block:nth-child(3n + 2) {
    margin-left: min(15%, 6rem);
}

.block:nth-child(3n + 3) {
    margin-left: min(30%, 12rem);
}

.big-word {
    font-family: "Jost";
    font-size: 5.5rem;
    font-weight: 900;
    line-height: 0.95;

    display: inline-block;
    margin-right: 0.4rem;
}


.small-text {
    font-size: 1rem;
    line-height: 1.6;
}


strong.block {
    max-width: 720px;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;

    margin: 3.5rem 0;
}


.light {
    font-size: 0.95rem;
    opacity: 0.95;
}