:root{--light-color:#fff0dc;--dark-color:#3a606a;--primary-color:var(--light-color);--accent-color:#e18c96;--secondary-color:#8ccde1;--text-color:var(--dark-color);--input-color:#ebf5f5;--link-color:#2c8ba8;--primary-color-st:#fff0dc66;--accent-color-st:#e18c9666;--secondary-color-st:#8ccde166;--text-color-st:#3a606a66;--primary-color-t:#fff0dc00;--accent-color-t:#e18c9600;--secondary-color-t:#8ccde100;--text-color-t:#3a606a00;--divider-size:.4rem;--inset:inset 0 0 0 2px var(--text-color-st);--shadow:0 0 0 2px var(--text-color-st);color:var(--text-color);background-color:var(--primary-color)}[data-theme=dark]{--primary-color:var(--dark-color);--accent-color:#e18c96;--secondary-color:#8ccde1;--text-color:var(--light-color);--input-color:#647878cc;--link-color:#ffdaa9;--primary-color-st:#3a606a4d;--accent-color-st:#e18c964d;--secondary-color-st:#8ccde14d;--text-color-st:#fff0dc4d;--primary-color-t:#3a606a00;--accent-color-t:#e18c9600;--secondary-color-t:#8ccde100;--text-color-t:#fff0dc00}body{margin:0;font-size:16px}*{box-sizing:border-box;vertical-align:baseline;color:var(--text-color);border:0;outline:0;font-family:Lora;transition:color .4s,background-color .4s,border-color .4s,outline-color .4s}h1,h2,h3,h4,h5,h6{font-family:Courier,monospace}input,textarea,input[type=submit],button{background-color:var(--input-color);padding:.25rem .5rem;font-size:1em}input[type=submit],button,.link-box,code,textarea[readonly]{background-color:var(--primary-color)}input[type=submit],button,.link-box,.clickable{cursor:pointer}input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],input[type=submit],button,.link-box{padding:.25rem .5rem}input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],input[type=submit],button,.link-box,code{font-weight:600}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=url]:disabled,input[type=number]:disabled,textarea:disabled{background-color:var(--primary-color);color:var(--text-color);text-align:center;text-decoration:none}label,input,textarea,button,.link-box,code{font-family:Courier,monospace}a{-webkit-tap-highlight-color:#0000;text-decoration:none}a:focus,a:visited,a:active{outline:none}.border{border-top:solid .3rem var(--secondary-color);border-left:solid .3rem var(--secondary-color);border-bottom:solid .3rem var(--accent-color);border-right:solid .3rem var(--accent-color);border-radius:10px}.inset{box-shadow:var(--inset)}.shadow{box-shadow:var(--shadow)}.inset.shadow{box-shadow:var(--inset), var(--shadow)}.no-select{-webkit-user-select:none;user-select:none}.link-box{background-color:var(--primary-color);color:var(--text-color)}.clickable:active{transform:translateY(1px)}.good,input.good{background-color:var(--secondary-color);color:var(--primary-color)}.bad,input.bad{background-color:var(--accent-color);color:var(--primary-color)}input.good::placeholder,input.bad::placeholder{color:var(--primary-color-st)}textarea{text-align:left;border-radius:10px;font-weight:400}header{z-index:2;text-align:center;background-color:#0000;justify-content:center;padding-top:.5rem;display:flex;position:sticky;top:0}nav{text-align:center;background-color:#0000;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding-top:.5rem;display:flex}footer{text-align:center;border-top:2px dashed var(--text-color-st);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;padding-top:1rem;padding-bottom:1rem;display:flex}img{object-fit:contain;max-width:100%;height:auto}blockquote{background-color:var(--secondary-color-st);border-radius:8px;width:fit-content;margin:0 5%;padding:1em}blockquote>blockquote{margin:0}blockquote *{margin:0;font-family:Courier,monospace;font-weight:600}article{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}section{flex-direction:column;justify-content:center;align-items:center;display:flex}article a{color:var(--link-color);text-decoration:underline}article img{border-radius:16px}article *{line-height:1.5rem}article h1,h2,h3,h4,h5,h6,p,ul,ol,dl{margin:0}dl>dd{display:list-item}