:root{--color-black: #111;--color-dark-gray: #282828;--color-blue: #0D0D51;--color-gray: #AAAAAA;--color-green: #58B058;--color-red: #AE0000}@media screen and (max-width:500px){html{font-size:14px}}@media screen and (min-width:500px)and (max-width:900px){html{font-size:18px}}@media screen and (min-width:900px){html{font-size:20px}}body{margin:0;font-family:sans-serif;height:100vh;display:flex;flex-direction:column}header{font-weight:700;background-color:var(--color-dark-gray);color:#fff;padding:1rem 0}header a{color:inherit;font-size:2rem}header>div{max-width:800px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:baseline}main{overflow-y:auto}main>div{max-width:800px;margin:0 auto;padding:0 1rem 1rem}h1,h2,h3{color:var(--color-black);margin-bottom:1.5rem}h1{font-size:1.5rem}h2{font-size:1rem}a{color:var(--color-blue);text-decoration:none}a:hover{text-decoration:underline}ul,ol{padding-left:.75rem;margin:.75rem 0 1rem;list-style-type:none}ul>li,ol>li{padding:.5rem 0;position:relative}ul>li:before,ol>li:before{position:absolute;left:0;color:var(--color-black)}ul>li{padding-left:1rem}ul>li:before{content:"\2022"}ol{counter-reset:ol;position:relative}ol>li{padding-left:2rem;transition:color .1s ease-in}ol>li:before{counter-increment:ol;content:counter(ol) ".";font-weight:700;transition:color .1s ease-in}ol>li:hover{cursor:pointer}ol>li.completed{color:var(--color-gray)}ol>li.completed:before{color:var(--color-green)}input{background-color:transparent;font-size:inherit;border:none;padding:0;color:var(--color-red);font-family:monospace;font-weight:700}