/* Minimalistic reset */

* {
   padding: 0;
   margin: 0;
}
	
body {
   color: #666;
   font-family: 'Open Sans',Arial,sans-serif;
   font-size: 16px;
}

.container {
   width: 80%;
   max-width: 1080px;
   margin: auto;
}


/* Navigationbar */

#navbar {
   height: 60px;
   width: 100%;
}

.navbar {
   display: flex;
}

#site-title {
   font-size: 1.25rem;
}

#site-title a, .nav-link {
   text-decoration: none;
}

.navigation ul {
   list-style: none;
}

.navigation li {
   display: inline-block;
}


/* Content */

#content-area {
   display: flex;
   column-gap: 50px;
}
 
article {
   margin-bottom: 60px;
}

.cover-image {
   width: 100%;
   max-width: 100%;
}


/* Sidebar */

#sidebar {
   width: 60%;
}


/* Footer */

.footer {
   height: 60px;
   width: 100%;
}