:root{--back-color:#dddddd;--font-color:#222222;--primary-color:#00adb5}@media(prefers-color-scheme:dark){:root{--back-color:#222222;--font-color:#dddddd}}@media screen and (max-width:768px){nav{margin:0 auto}}body{color:var(--font-color);background-color:var(--back-color);font-family:sans-serif;line-height:1.5;margin:0 auto;max-width:768px}header{display:flex;flex-direction:row;justify-content:space-between;border-bottom:3px solid var(--font-color);margin:1rem 0;font-size:2em;flex-wrap:wrap}nav ul{display:flex;margin:0;padding:0;list-style-type:none;justify-content:space-around;flex-direction:row}nav.right ul li{margin:0 0 0 1em}nav.left ul li{margin:0 5px 0 0}.flag{padding:8px 12px;font-size:26px}li.flag a:hover{text-decoration:none}main{margin:0 1em}main a{text-decoration:underline var(--primary-color)}main .meta{display:flex;justify-content:space-between}footer{border-top:3px solid var(--font-color);margin-top:1rem;margin:1rem 0;padding:0 1rem}a{color:var(--font-color);text-decoration:none}a:hover{text-decoration:underline var(--primary-color);text-decoration-thickness:3px}