.history-page {

    width: min(1200px, calc(100% - 80px));

    margin: 0 auto;

    padding-top: 120px;
    padding-bottom: 80px;
}


/* TITLE */

.history-page h1 {

    font-size: 64px;

    text-align: center;

    color: white;

    margin-bottom: 18px;
}

.history-page > p {

    text-align: center;

    color: #c7c7c7;

    margin-bottom: 60px;

    font-size: 20px;
}


/* GRID */

.history-grid {

    display: grid;

    grid-template-columns:
    repeat(auto-fit,minmax(320px,1fr));

    gap: 28px;
}


/* CARD */

.history-card {

    text-decoration: none;

    color: white;

    padding: 34px;

    border-radius: 24px;

    background:
    rgba(8,13,10,.72);

    border:
    1px solid rgba(214,190,120,.12);

    backdrop-filter:
    blur(10px);

    box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 0 30px rgba(214,190,120,.04);

    transition:
    .18s;
}

.history-card:hover {

    transform:
    translateY(-3px);

    border-color:
    rgba(214,190,120,.25);

    box-shadow:
    0 0 40px rgba(214,190,120,.08);
}


/* WORLD NUMBER */

.history-card h2 {

    font-size: 34px;

    color:
    #e7dfc5;

    margin-bottom: 10px;
}


/* WORLD AGE */

.history-card span {

    display:block;

    margin-bottom:18px;

    color:
    #cdb47a;

    font-weight:
    900;
}


/* TEXT */

.history-card p {

    line-height:
    1.7;

    color:
    #d0d0d0;
}