body,html {
    font-family:Arial, Helvetica, sans-serif;
    background-color:#ffe3ae;
    margin:0;padding:0;
}
header {
    background-color:#9e7333;
    border-bottom: 3px solid rgba(0,0,0,0.5);
    padding-top:32px; padding-bottom:32px;
    display:block;
}
container {
    min-height:90vh;;color:#fff;border-radius:4px;box-shadow:4px 8px 4px rgba(0,0,0,0.17);display:block;padding:12px;margin:36px;background:rgba(0,0,0,0.25);border:3px solid rgba(0,0,0,0.5)
}
.articles {
    padding:6px;background-color: rgba(0,0,0,0.17);width:640px;display:inline-block !important;border-radius:3px;
}
.article {
background-color: rgba(0,0,0,0.17);width:fit-content;display:inline-flex !important;border-radius:24px; font-size:20px;
align-items: center;
}
footer {
    background-color: rgba(0,0,0,0.5);
    padding:32px;
    color:white;
}
img {border-radius:6px;}

blockquote {border-left:6px solid rgba(0,0,0,0.67); padding:24px;background-color:rgba(0,0,0,0.17);border-radius: 6px;color:#eee;}