:root{--light-color: hsla(34, 100%, 93.1%, 1);--dark-color: rgba(58, 96, 106);--primary-color: var(--light-color);--accent-color: rgba(225, 140, 150);--secondary-color: hsl(194, 58.6%, 71.6%);--text-color: var(--dark-color);--input-color: rgba(235, 245, 245);--link-color: hsl(194, 58.6%, 41.6%);--primary-color-st: rgba(255, 240, 220, .4);--accent-color-st: rgba(225, 140, 150, .4);--secondary-color-st: rgba(140, 205, 225, .4);--text-color-st: rgba(58, 96, 106, .4);--primary-color-t: rgba(255, 240, 220, 0);--accent-color-t: rgba(225, 140, 150, 0);--secondary-color-t: rgba(140, 205, 225, 0);--text-color-t: rgba(58, 96, 106, 0);--divider-size: .4rem;--inset: inset 0 0 0 2px var(--text-color-st);--shadow: 0 0 0 2px var(--text-color-st)}:root{color:var(--text-color);background-color:var(--primary-color)}[data-theme=dark]{--primary-color: var(--dark-color);--accent-color: rgba(225, 140, 150, 1);--secondary-color: rgb(140, 205, 225);--text-color: var(--light-color);--input-color: rgba(100, 120, 120, .8);--link-color: hsl(34, 100%, 83.1%);--primary-color-st: rgba(58, 96, 106, .3);--accent-color-st: rgba(225, 140, 150, .3);--secondary-color-st: rgba(140, 205, 225, .3);--text-color-st: rgba(255, 240, 220, .3);--primary-color-t: rgba(58, 96, 106, 0);--accent-color-t: rgba(225, 140, 150, 0);--secondary-color-t: rgba(140, 205, 225, 0);--text-color-t: rgba(255, 240, 220, 0)}body{font-size:16px;margin:0}*{border:0;outline:0;box-sizing:border-box;vertical-align:baseline;font-family:Lora;color:var(--text-color);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{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}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{position:sticky;z-index:2;top:0;display:flex;justify-content:center;padding-top:.5rem;background-color:transparent;text-align:center}nav{padding-top:.5rem;background-color:transparent;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;text-align:center}footer{width:100%;padding-top:1rem;padding-bottom:1rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;text-align:center;border-top:2px dashed var(--text-color-st)}img{max-width:100%;height:auto;object-fit:contain}blockquote{background-color:var(--secondary-color-st);padding:1em;margin:0 5%;border-radius:8px;width:fit-content}blockquote>blockquote{margin:0}blockquote p{margin:0;font-family:Courier,monospace;font-weight:600}article{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}section{display:flex;flex-direction:column;justify-content:center;align-items:center}article a{text-decoration:underline;color:var(--link-color)}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}