body { background: white; font-size: 18px; font-family: sans-serif; margin: 25px; color: black; }
a { color: black; }
.container { width: 100%; max-width: 1200px; margin: 0 auto; }
.articlelist a { display: block; }

h1 { font-size: 90px; margin-bottom: 15px; margin-top: 0; font-weight: 100; margin-bottom: 60px; }
h2 { font-size: 30px; margin-bottom: 15px; margin-top: 0; }
h3 { font-size: 20px; margin-bottom: 15px; margin-top: 0; }
h4 { font-size: inherit; margin-bottom: 15px; margin-top: 0; }


#supernav { display: flex; justify-content: space-between; margin-bottom: 100px; margin-top: 30px; }
#supernav .logo { display:inline-block; font-family: Poppins,sans-serif; font-weight: bold; font-size: 28px; border-bottom: 3px solid black; padding-bottom:1px; }
#supernav .nav a { margin-left: 30px; font-size: inherit}
#superfooter { margin-top: 250px; }


.article .header .description { max-width: 500px; font-size: 28px; margin-bottom: 50px; border-bottom: 1px solid black; padding-bottom: 15px; }
.article .image img { width: 100%; max-width: 1200px; }
.article .body { max-width: 700px; margin-top: 100px; margin-bottom: 100px; }
.article li { margin-bottom: 30px; }
.article h2 { margin-top: 50px; }

.articlelist { max-width: 900px; }
.articlelist .article { display: grid; grid-template-columns: 225px auto; padding-bottom: 30px; padding-top: 30px; padding-right: 100px; margin-bottom: 15px;  }
.articlelist .article .image img { width: 200px; }
.articlelist a {text-decoration: none;}
.articlelist a:hover .title h3 { text-decoration: underline }