* {
    box-sizing: border-box;
}

html,
body {
  height: 100vh;
  margin: 0;
  font-size: 1rem;
}

body {
    background-image: url("../backgrounds/snow.jpg");
    background-size: 100% 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

.nav {
    width:200px;
    border: 1px solid black;
    outline: 1px solid black;
    outline-offset: 1px;
    padding:10px;
    padding-top:30px;
}

.container {
    width:800px;
}
.flex {
    display:flex;
    background-color: #d7bea6;
}
#header {
    height:200px;
}
#header img {
    position:relative;
}
.article {
    width:600px;
    border: 1px solid black;
    outline: 1px solid black;
    border-left:0;
    outline-offset: 1px;
    padding:5px;
}
.date {
    text-align:right; 
    letter-spacing: 3px;
}
.article img{
    display: block; 
    margin: auto;
}
.footer {
    background-color: white;
    border: 1px solid black;
    outline: 1px solid black;
    border-top:0;
    outline-offset: 1px;
}