:root{--bg-color-primary: #fffaf0;--bg-color-theme-toggle-slider: #fffaf0;--bg-color-theme-toggle-container: #333;--font-color-link: #477e91;--font-color-primary: #333;--font-family-content: monospace;--font-family-primary: sans-serif;--font-size-h1: 2rem;--font-size-h2: 1.5rem;--font-size-h3: 1.25rem;--font-size-primary: 120%;--icon-color-check: darkseagreen;--icon-color-in-progress: orange;--icon-color-todo: gray;--icon-color-pending: lightgray;--section-fade-in-length: 1.75s}[data-theme=dark]{--bg-color-primary: #2e2e2e;--bg-color-theme-toggle-slider: #333;--bg-color-theme-toggle-container: #fffaf0;--font-color-link: #84cce4;--font-color-primary: #d3d3d3;--icon-color-check: darkseagreen;--icon-color-in-progress: orange;--icon-color-todo: gray;--icon-color-pending: lightgray}html{color:var(--font-color-primary);background-color:var(--bg-color-primary);font-size:var(--font-size-primary);font-family:var(--font-family-primary);transition:background-color .2s ease,color .2s ease}#application{display:grid;row-gap:10px;grid-template-rows:min-content;justify-content:center;padding:1em}p{font-family:var(--font-family-content)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}.strikethrough{text-decoration:line-through}.emphasis{font-style:italic}a{color:var(--font-color-link);text-decoration:none;font-family:var(--font-family-content);display:inline-block;padding-left:0;transition:padding .1s}.title-bar{display:flex;justify-content:space-between;align-items:center;gap:1em;--padding-theme-toggle: .1em;--width-theme-toggle-container: 1em;--width-theme-toggle-slider: calc( var(--width-theme-toggle-container) / 2 - var(--padding-theme-toggle) / 2 );--height-theme-toggle-container: .6em;--height-theme-toggle-slider: calc( var(--height-theme-toggle-container) - var(--padding-theme-toggle) )}.title-bar .theme-toggle label{display:flex;align-items:center}.title-bar .theme-toggle input[type=checkbox]{display:none}.title-bar .theme-toggle input[type=checkbox]:checked+.slider-container{background-color:var(--bg-color-theme-toggle-container)}.title-bar .theme-toggle input[type=checkbox]:checked+.slider-container:before{transform:translate(var(--width-theme-toggle-slider))}.title-bar .theme-toggle .slider-container{position:relative;width:var(--width-theme-toggle-container);height:var(--height-theme-toggle-container);background-color:var(--bg-color-theme-toggle-container);border-radius:var(--padding-theme-toggle);transition:background-color .2s}.title-bar .theme-toggle .slider-container:before{content:"";position:absolute;top:calc(var(--padding-theme-toggle) / 2);left:calc(var(--padding-theme-toggle) / 2);width:var(--width-theme-toggle-slider);height:var(--height-theme-toggle-slider);background-color:var(--bg-color-theme-toggle-slider);border-radius:var(--padding-theme-toggle);transition:transform .2s}ul{list-style:none;padding:0;margin:0}ul li{padding-bottom:1em}ul .strikethrough a{text-decoration:line-through}ul ul{list-style:none;margin-left:1em;margin-top:1em;font-size:.9em}ul ul li{padding-bottom:.25em}i:before{font-size:20px;margin-right:.5em;padding:0;line-height:20px;height:20px;display:inline-block}i.done:before{content:"●";color:var(--icon-color-check)}i.in-progress:before{content:"●";color:var(--icon-color-in-progress)}i.todo:before{content:"○";color:var(--icon-color-todo)}i.pending:before{content:"●";color:var(--icon-color-pending)}li.animated>span:hover{padding-left:4px;transition:.25s}.section:nth-child(1){opacity:0;animation:fadeIn var(--section-fade-in-length, 1.75s) forwards}.section:nth-child(2){opacity:0;animation:fadeIn var(--section-fade-in-length, 1.75s) forwards;animation-delay:.25s}.section:nth-child(3){opacity:0;animation:fadeIn var(--section-fade-in-length, 1.75s) forwards;animation-delay:.5s}.section:nth-child(4){opacity:0;animation:fadeIn var(--section-fade-in-length, 1.75s) forwards;animation-delay:.75s}.footer{opacity:0;animation:fadeIn var(--section-fade-in-length, 2s) forwards;animation-delay:.75s;margin-top:20px;display:grid;grid-template-columns:1fr 1fr 1fr}@media screen and (max-width: 600px){.footer{grid-template-columns:1fr;row-gap:0}.footer p{margin:4px}}@keyframes fadeIn{to{opacity:1}}