:root{--main-background:#f5f9fd;--accent-background:hsl(212, 69%, 10%);--anchor-color:hsl(212, 69%, 35%)}@font-face{font-display:swap;font-family:merriweather;font-style:normal;font-weight:400;src:url(/fonts/merriweather-v33-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:merriweather;font-style:normal;font-weight:700;src:url(/fonts/merriweather-v33-latin-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:ubuntu;font-style:normal;font-weight:400;src:url(/fonts/ubuntu-v21-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:ubuntu;font-style:normal;font-weight:700;src:url(/fonts/ubuntu-v21-latin-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:source code pro;font-style:normal;font-weight:400;src:url(/fonts/source-code-pro-v30-latin-regular.woff2)format("woff2")}body{font-family:Ubuntu,sans-serif;background-color:var(--main-background);color:#333;margin:0;padding:0}a{color:var(--anchor-color);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:merriweather,Georgia,serif}h1 a{color:inherit}h1 a:hover{text-decoration:none}pre{font-family:source code pro,monospace;padding:2px 5px;border-radius:0 0 10px 10px;margin:0;overflow-x:auto}code{font-family:source code pro,monospace;padding:2px 5px;border-radius:0 0 10px 10px;margin:0}img{display:block;margin-left:auto;margin-right:auto;max-width:100%}header{background-color:var(--accent-background);padding:10px 0;text-align:center}header h1{font-family:merriweather,Georgia,serif;font-size:36px;color:#fff;margin:0}nav{text-align:center}nav ul{list-style-type:none;padding:0}nav ul li{display:inline;margin:0 10px}nav ul li a{font-size:20px;color:#fff}main{max-width:800px;margin:0 auto;padding:20px;margin-bottom:70px}article{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-bottom:30px;overflow:hidden}article h2{font-family:merriweather,Georgia,serif;font-size:24px;color:#333;padding:20px;background-color:#f9e7b6;margin-top:0}article p{padding:15px 20px;line-height:1.6}footer{background-color:var(--accent-background);color:#fff;text-align:center;padding:10px 0;position:fixed;width:100%;bottom:0}footer p{margin:0}footer ul{list-style-type:none;padding:0;margin-top:0;margin-bottom:5px}footer ul li{display:inline;margin:0 10px}footer ul li a{color:#fff;font-weight:700;font-size:2rem}@media screen and (max-width:768px){header h1{font-size:28px}main{padding:15px}article h2{font-size:20px;padding:15px}article p{padding:10px 15px}}@media screen and (max-width:640px){header{padding:15px 10px}header h1{font-size:24px}nav ul li{display:block;margin:5px 0}nav ul li a{display:block;padding:10px}main{padding:10px}article{border-radius:8px;margin-bottom:20px}}@media screen and (max-width:400px){header h1{font-size:20px}article h2{font-size:18px}}