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

body{

    background:#120d09;

    color:#d7c7b2;

    font-family:'Courier New', monospace;

}

/* FILM GRAIN */

body::before{

    content:"";

    position:fixed;

    inset:0;

    background-image:url('https://upload.wikimedia.org/wikipedia/commons/7/76/1k_Dissolve_Noise_Texture.png');

    opacity:0.08;

    pointer-events:none;

}

/* HERO */

.archive-hero{

    padding:90px 60px;

    background:
    linear-gradient(rgba(15,10,8,0.78), rgba(10,7,6,0.94)),
    url('/static/images/archive.jpg')
    center/cover no-repeat;

    border-bottom:1px solid rgba(255,180,120,0.15);

}

/* ARTICLE */

.archive-article{

    max-width:950px;

    margin:auto;

    padding:80px 30px 120px;

}

.archive-article p{

    font-size:22px;

    line-height:2.1;

    margin-bottom:40px;

    color:#d7c7b2;

}

/* QUOTE */

.quote{

    margin:70px 0;

    padding:30px;

    border-left:3px solid #ffb67a;

    background:#1b1410;

    color:#e5d0ba;

    line-height:2;

}

/* ARCHIVE BOX */

.archive-box{

    margin:70px 0;

    background:#19130f;

    border:1px solid rgba(255,180,120,0.12);

    padding:35px;

}