magick.min.css

@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Averia+Libre:ital,wght@0,400;0,700;1,400;1,700&family=Averia+Serif+Libre:ital,wght@0,300;0,700;1,300;1,700&family=Caveat&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Spectral:ital,wght@0,300;0,600;1,300;1,600&display=swap&family=Noto+Sans+Symbols+2&display=swap);*,html{box-sizing:border-box}body,h1,h2,h3,h4{font-style:normal;color:var(--fg)}h1,h2{text-transform:uppercase}figure,footer,header h1,header nav ul{text-align:center}dl,figcaption,form,img{margin:.8rem 0}figure code,figure pre,th{text-align:left}*,blockquote footer,figure img{margin:0;padding:0}*,figure,figure img{padding:0}:root{--fg:#0e0e0e;--bg:#fefefe;--form-bg:#fbfbfb;--form-fg:#00004d;--form-fg-placeholder:#00004d9a}@media (prefers-color-scheme:dark){:root{--fg:#fefefe;--bg:#0e0e0e;--form-bg:#1a1a1a;--form-fg:#fefefe;--form-fg-placeholder:#fefefe9a}}html{font-size:62.5%}body{font-size:1.8rem;background-color:var(--bg);font-family:"Averia Serif Libre",serif;line-height:2.2rem;font-weight:300;counter-reset:sidenote-counter}b,h1,h2,h3,h4,strong{font-weight:600}article,main{margin:auto;max-width:76rem;padding:0 1rem;width:100%;position:relative}footer,header,section{margin:.7rem;padding:.7rem}@media (max-width:600px){html{font-size:56%}article,main{padding:0 .2rem}footer,header,section{margin-top:.2rem;margin-bottom:.2rem}}footer>:last-child,header>:last-child,section>:last-child{margin-bottom:0}h1,h2,h3,h4,p{margin:1.6rem 0}header{margin-top:12rem;margin-bottom:8rem}@media (max-width:600px){header{margin:0;padding:1.2rem}}footer{margin-top:5rem;margin-bottom:2rem}a{color:var(--fg)}em,i{font-size:calc(1em + .1rem)}h1,h2,h3,h4{font-family:"Averia Libre",cursive}blockquote footer cite,blockquote p,h4{font-style:italic}h1{font-size:3.6rem;line-height:3.3rem}h2{font-size:2.25rem;margin:1.2rem 0}h3,h4{font-size:2.025rem}h3:before{font-family:"Noto Sans Symbols 2",sans-serif;content:"🙛 "}header h1{font-size:4rem;color:var(--fg);padding:4rem 0 1.2rem;margin-bottom:1rem}header h1:after,header h1:before{content:"✦";color:var(--fg);font-size:1.5rem;vertical-align:middle;padding:0 .5rem}header nav ul{list-style-type:none;margin-top:1rem;padding-inline-start:0}header nav ul li{display:inline;margin:0 1.2rem}header nav ul li a{text-decoration:none;color:var(--fg)}header nav ul li a::before{content:"❯ ";opacity:0}header nav ul li a:hover::before{opacity:1}:where(main ol,main ul){margin-inline-start:0;padding-inline-start:3rem;margin:.8rem 0}dd{margin:0 1.6rem}img{max-width:100%;height:auto}figure{margin:2rem 0}figure *{margin-left:auto;margin-right:auto}figcaption{font-size:1.8rem}form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:1rem;box-shadow:0 0 10px 0 rgba(0,0,0,.1);background-color:var(--form-bg)}form fieldset,form input[type=email],form input[type=number],form input[type=password],form input[type=search],form input[type=tel],form input[type=text],form input[type=url],form label,form textarea{grid-column:span 2}form button,form input,form textarea{width:100%;resize:vertical}input[type=checkbox],input[type=radio]{width:auto;margin-right:.5rem}input[type=checkbox]+label,input[type=radio]+label{margin-right:2rem}input[type=checkbox]:disabled+label,input[type=radio]:disabled+label{text-decoration:line-through;opacity:.5}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;box-sizing:inherit;border:none;padding:.4rem 1rem;margin-bottom:1.6rem;color:var(--fg);background-color:transparent;border-bottom:1px solid var(--fg);border-radius:0;font-family:Caveat,cursive;font-size:2.6rem;color:var(--form-fg);caret-color:var(--form-fg)}input[type=email]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=url]:disabled,select:disabled,textarea:disabled{border-bottom:1px dashed var(--fg);text-decoration:line-through}input::placeholder,textarea::placeholder{color:var(--form-fg-placeholder)}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:0;border-bottom:2px solid var(--fg);margin-bottom:calc(1.6rem - 1px)}button,input[type=button],input[type=reset],input[type=submit]{background-color:transparent;color:var(--fg);padding:10px;margin-top:1.6rem;border:1px solid var(--fg);cursor:pointer}fieldset{border:1px solid var(--fg);width:fit-content}form fieldset{width:100%}button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{opacity:.5;border-style:dashed;cursor:not-allowed;text-decoration:line-through}table{border-spacing:0}td,th{padding:.4rem 1rem}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}th{border-bottom:2px solid var(--fg)}blockquote{padding:1rem 1.6rem;overflow-y:hidden;width:fit-content;max-width:80%;margin:2rem auto}blockquote p{font-family:Spectral,serif;font-size:2.1rem;font-weight:300;line-height:2.4rem;margin:2.1rem 0}blockquote footer{float:right;text-align:right;width:55%;font-family:Spectral,serif;font-style:normal;font-size:1.4rem}pre:has(code){padding:1rem 1.6rem;margin:1.6rem 0;overflow-y:hidden;font-family:"Courier Prime",monospace;font-size:1.6rem;border-top:2px solid var(--fg);border-bottom:2px solid var(--fg)}code{font-family:"Courier Prime",monospace;font-size:1.6rem}pre .line-number{float:left;margin:0 1.5rem 0 -1.5rem;border-right:1px solid;text-align:right}pre .line-number span{display:block;padding:0 .8rem 0 1.6rem}.sidenote,aside{float:right;clear:right;width:40%;margin:1rem 1rem 1rem 3rem;padding:.5rem .5rem .5rem 2rem;border-left:3px solid var(--fg);font-size:1.4rem;line-height:1.3}aside h1,aside h2,aside h3,aside h4{margin-top:0}@media (min-width:calc(760px + 400px)){.sidenote{--distance-from-main:3rem;--self-width:min(calc((100vw - 760px)/2 - (var(--distance-from-main))), 40%);margin:0;padding:0;border:none;width:var(--self-width);margin-right:calc(calc(var(--self-width) + var(--distance-from-main)) * -1)}}.sidenote-anchor{counter-increment:sidenote-counter}.sidenote-anchor:after,.sidenote:before{font-size:1.3rem;position:relative;font-family:Spectral,serif}.sidenote-anchor:after{content:counter(sidenote-counter);top:-.5rem;left:.1rem}.sidenote:before{content:counter(sidenote-counter) " ";top:-.5rem}