@import url("https://fonts.googleapis.com/css2?family=Fira+Mono&family=Montserrat+Alternates:ital,wght@0,400;0,600;1,400&display=swap");*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,dl,dd,section,article{margin:0;padding:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeLegibility}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}img{width:100%;display:block}input,button,textarea,select{font:inherit}body::before{content:"0";display:none}body.b::before{display:inline-block;font-size:1.75em;position:fixed;top:0;right:0;padding:0.2em;background-color:rgba(255,255,255,0.5);color:black;z-index:100}@media (min-width: 224px){body::before{content:"1"}}@media (min-width: 324px){body::before{content:"2"}}@media (min-width: 424px){body::before{content:"3"}}@media (min-width: 524px){body::before{content:"4"}}@media (min-width: 624px){body::before{content:"5"}}@media (min-width: 724px){body::before{content:"6"}}@media (min-width: 824px){body::before{content:"7"}}@media (min-width: 924px){body::before{content:"8"}}@media (min-width: 1024px){body::before{content:"9"}}@media (min-width: 1124px){body::before{content:"10"}}#navbar{background-color:#1a1a1a;background-image:linear-gradient(#1a1a1a 0%, #1a1a1a 12%, #1a1a1a 88%, #1a1a1a 100%)}@-webkit-keyframes fadeout{0%{opacity:1}100%{opacity:0}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes navActive{0%{background-color:rgba(20,20,20,0)}50%{background-color:rgba(20,20,20,0.75)}100%{background-color:#141414}}@keyframes navActive{0%{background-color:rgba(20,20,20,0)}50%{background-color:rgba(20,20,20,0.75)}100%{background-color:#141414}}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}html{-webkit-text-size-adjust:100%}noscript article{padding:1.5em}noscript article h1{font-size:1.75em;margin-bottom:0.5em}noscript article p{font-size:1.125em;line-height:1.5em}footer{width:100%;padding:2em}input:focus,textarea:focus,[type="button"]:focus,[type="submit"]:focus,[type="reset"]:focus{outline:none;border:1px solid white}input.hidden-but-accessible{border:0;clip:rect(0 0 0 0);clippath:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}b,strong{font-weight:600}i,em{font-style:italic}label{color:#ccc}hr{height:1px;border:none;width:80%;margin:1.25em auto;display:flex;justify-content:center;align-items:center;overflow:visible;background-image:linear-gradient(90deg, transparent 0%, gray 47%, transparent 47%, transparent 53%, gray 53%, transparent 100%);background-repeat:no-repeat;background-size:contain;background-position:50% 50%}hr::after{content:'';display:block;height:1em;width:1em;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path fill="rgb(111,102,58)" d="M235 1.1C-67.7 26.4-82.5 451.2 216.9 497.8c39.4 6.8 73.5-1.1 73.4-42.1 1-16-15.9-27.2-19.9-42.9-3.7-15.5 2.1-32.2 14.1-42.1 4.2-3.5 9.3-5.8 14.6-6.8 54.9-10.3 101.4 13.3 159.3-43.7C583.5 175.5 402-16.1 235 1.1zM191.3 58c51.1 16.3 30 92.3-22.1 80.1-53.7-14.8-32-94.5 22.1-80.1zm135.6-.8c54.5 13.3 35.8 93-18.9 80.9-51.6-14.3-33.8-91 18.9-80.9zM102.4 167.7c43.6 6.7 47.6 69.5 4.3 81.2-65.9 13.2-70.4-87.8-4.3-81.2zm310.5 1c61.6 20.7 18.7 109.2-36 73.5-36.6-27.3-8-85.5 36-73.5z"/></svg>');background-repeat:no-repeat;background-size:contain}input[type='file']{display:none}body:not(.debra-tinymce){font-family:'Montserrat Alternates', 'Helvetica Neue', sans-serif;font-weight:400;color:#b8b8b8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2b2b2b}body:not(.debra-tinymce) ::selection{background-color:rgba(163,240,255,0.2);color:white}body.debra-tinymce{margin:0.5em;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}#root{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;min-height:100vh}#user-info{position:fixed;left:0.5rem;bottom:0.5rem;padding:0 1em;background-color:rgba(0,0,0,0.8);border-radius:0.5em;font-size:80%;display:flex;flex-direction:column;justify-content:space-evenly;min-height:5em}#user-info .privileged{color:lime}#user-info .error{color:#c93838}#user-info .fetching{color:#9428be}#phpinfo{width:100%;color:initial !important}#phpinfo h1{color:white;text-shadow:none}#phpinfo hr{background-color:transparent}#phpinfo *:not(h1){font-family:'Fira Mono', monospace}#phpinfo img{display:initial !important;width:initial !important}#navbar{z-index:1;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:100%;height:4em;display:flex;justify-content:center;box-shadow:0 0.2em 0.5em rgba(26,26,26,0.7);transform:translateY(-4.7em);transition:220ms transform ease-out}#navbar.initialized{transform:translateY(0)}#navbar nav{color:#a3f0ff;padding:0.5em 0;position:absolute;left:0;top:4em;display:flex;flex-direction:column;transform:translateX(-14em);transition:transform 120ms ease-out;background-color:rgba(20,20,20,0)}#navbar nav.active{transform:translateX(0);-webkit-animation:160ms linear forwards navActive;animation:160ms linear forwards navActive}@media (min-width: 624px){#navbar nav{background-color:initial;transition:none;transform:none;position:static;width:100%;max-width:1224px;flex-direction:row;justify-content:space-between;align-items:stretch;padding:0 0.625em}}@media (min-width: 1024px){#navbar nav{justify-content:space-evenly}}#navbar button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;margin:0;background-color:transparent}#navbar a,#navbar button:not(#burger){text-decoration:none;font-size:1.125em;color:inherit;padding:0.5em 1.5em 0.5em 1.25em;flex:1 0 auto;text-align:left;background-color:transparent}@media (min-width: 624px){#navbar a,#navbar button:not(#burger){padding:0;display:flex;justify-content:center;align-items:center}}@media (min-width: 724px){#navbar a,#navbar button:not(#burger){font-size:1.25em}}#navbar a.current,#navbar button:not(#burger).current{cursor:default}#navbar a.current:focus,#navbar button:not(#burger).current:focus{background-color:initial}#navbar a:not(.current):hover,#navbar button:not(#burger):not(.current):hover{background-color:rgba(153,153,153,0.15)}#navbar a:not(.current):active,#navbar button:not(#burger):not(.current):active{background-color:rgba(153,153,153,0.2)}#navbar a:focus,#navbar button:not(#burger):focus{outline:none;border:none;background-color:#262626}#navbar a span,#navbar button:not(#burger) span{position:relative;padding:0.2em 0}#navbar a span::after,#navbar button:not(#burger) span::after{content:'';position:absolute;display:block;top:0;right:0;bottom:0;left:0;border-bottom:3px solid rgba(201,185,105,0.6);transform:scaleX(0)}@media (min-width: 624px){#navbar a span::after,#navbar button:not(#burger) span::after{transition:transform 90ms linear}}#navbar a.current span::after,#navbar button:not(#burger).current span::after{transform:scaleX(1)}button#burger{align-self:center;border:none;border-radius:initial;display:flex;position:absolute;left:1.5em;width:2.75em;height:2.75em;align-items:center;justify-content:center;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="rgb(131,192,204)" d="M2 7.4h44v4H2z"/><path fill="rgb(131,192,204)" d="M2 36.6h44v4H2z"/><path fill="rgb(131,192,204)" d="M2 22h44v4H2z"/></svg>');background-repeat:no-repeat;background-size:85%;background-position:center center}@media (min-width: 624px){button#burger{display:none}}button#burger.active{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="rgb(131,192,204)" d="M46.1 40.6L8 7.4H1.9L40 40.6z"/><path fill="rgb(131,192,204)" d="M1.9 40.6L40 7.4h6.1L8 40.6z"/></svg>')}main{width:calc(100% - 4em);max-width:1224px;padding:2em 0;display:flex;flex-direction:column;font-size:1em}@media (min-width: 624px){main{font-size:1.125em}}@media (min-width: 824px){main{font-size:1.25em}}main p{line-height:1.625em;text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-bottom:0.666em}main p code{color:#ccc}main a{color:#93d8e6;text-decoration:none}main a:hover{text-decoration:underline}main a:active{color:#a3f0ff}main h1,main h2,main h3,main h4,main h5,main h6{color:#dbdbdb;font-weight:400;line-height:normal;margin-bottom:0.5em;text-shadow:0.0625em 0.0625em 0 black,0.1em 0.1em 0.125em #002b33}main h1{font-size:1.5em}main h2{font-size:1.275em}main h3{font-size:1.08375em}main h4{font-size:.92119em}main h5{font-size:.78301em}main h6{font-size:.66556em}main h1{color:#c9b969;margin-bottom:1em}main aside{text-align:left}main aside.feedback{min-height:1.25em}main aside p{text-align:left}main aside.error{color:#c9b969;font-weight:600}main .ok{color:lime}main input[type="password"],main input[type="text"],main textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgba(26,26,26,0.2);color:inherit;border:1px dotted #666;border-radius:0.5em;padding:0.5em}main input[type="password"]:focus,main input[type="text"]:focus,main textarea:focus{background-color:rgba(33,48,51,0.3);border-color:#527880}main input[type="password"].error,main input[type="text"].error,main textarea.error{border-color:#ff8000}main input[type="password"].error:focus,main input[type="text"].error:focus,main textarea.error:focus{border-color:#b3804d}main input[type="password"],main input[type="text"]{letter-spacing:0.05em;font-weight:600}main input[type="password"]{font:caption;font-size:1.125em;letter-spacing:0.15em}main input[type="submit"],main button:not(.text),main .button{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;background-color:transparent;padding:0.5em 2em;border-radius:0.75em;text-align:center}main input[type="submit"]{cursor:pointer;border:1px solid #15b3d1;background-color:#416066;color:white}main input[type="submit"]:hover{background-color:#496c73}main input[type="submit"]:active{background-color:#2d7f8f}main input[type="submit"][disabled]{background-color:gray;border-color:#bfbfbf}main button:not(.text),main .button{border:1px solid gray;text-decoration:none}main button:not(.text):hover,main .button:hover{background-color:#363636}main button:not(.text):active,main .button:active{color:white;background-color:#414141}main .dropdown-nav{margin-bottom:1em}main .dropdown-nav button{margin-bottom:0.625em;color:white;display:flex;justify-content:space-between;align-items:center;padding:0.5em;min-width:9.5em;text-align:right}main .dropdown-nav button svg{transform:rotate(0deg);transition:transform 60ms ease-in;border:none;border-radius:initial;width:0.75em;height:0.75em;margin-right:0.5em}main .dropdown-nav button.expand svg{transform:rotate(90deg)}main .dropdown-nav nav{display:flex;flex-direction:column;opacity:0;-webkit-animation:190ms ease-in 1 forwards fadein;animation:190ms ease-in 1 forwards fadein}main .dropdown-nav nav a{text-decoration:none;padding:0.5em 1.5em 0.5em 1.25em}main .dropdown-nav nav a.current{cursor:default}main .dropdown-nav nav a.current:focus{background-color:initial}main .dropdown-nav nav a.current span::after{transform:scaleX(1)}main .dropdown-nav nav a:not(.current):hover{background-color:rgba(153,153,153,0.15)}main .dropdown-nav nav a:not(.current):active{background-color:rgba(153,153,153,0.2)}main .dropdown-nav nav a span{position:relative;padding:0.2em 0}main .dropdown-nav nav a span::after{content:'';position:absolute;display:block;top:0;right:0;bottom:0;left:0;border-bottom:3px solid rgba(201,185,105,0.6);transform:scaleX(0)}@media (min-width: 624px){main .dropdown-nav nav a span::after{transition:transform 90ms linear}}.about{display:block}.debra{width:50%;max-width:480px;float:right;margin:0.5em 0 0.125em 1.25em}.update-password{align-items:center;max-width:34em}.update-password form{display:grid;width:100%;grid-row-gap:0.75em}@media (min-width: 724px){.update-password form{grid-template-rows:auto;grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;grid-column-gap:0.75em;justify-items:start;align-items:center}}.update-password .generator{width:100%;display:flex;flex-wrap:wrap;align-items:center}@media (min-width: 724px){.update-password .generator{grid-column:2/3}}@media (min-width: 724px){.update-password label{grid-column:1/2;justify-self:end;text-align:right}}@media (min-width: 724px){.update-password input,.update-password aside{grid-column:2/3;width:100%}}.update-password input[type="password"]{height:3rem;display:flex;align-items:center;overflow:hidden}.update-password input[type="submit"]{width:auto}.update-password .generate{margin:0.5em 1em 0.25em 0;padding:0.125em 0.75em;white-space:nowrap;border-radius:0.5em}.update-password .copy-button button{font-size:120%}@media (min-width: 624px){.update-password .copy-button button{font-size:110%}}.update-password .copy-button button div:last-child{font-size:75%;bottom:-0.75em;text-align:right;width:100%}.update-email{display:flex;flex-direction:column;align-items:center;width:100%;max-width:33em;margin-bottom:2em}.update-email form{display:grid;width:100%;grid-row-gap:0.75em}@media (min-width: 724px){.update-email form{grid-template-rows:auto;grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;grid-column-gap:0.75em;justify-items:start;align-items:center}}@media (min-width: 724px){.update-email label{grid-column:1/2;justify-self:end;text-align:right}}@media (min-width: 724px){.update-email input,.update-email aside{grid-column:2/3;width:100%}}.update-email input[type="submit"]{width:auto}.works{align-items:flex-start}.works dl,.works .works-list{margin-bottom:1.5em}.works ul{font-size:0.875rem}.works li:not(:last-child){margin-bottom:0.25em}dl{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;justify-items:start;align-items:center;grid-column-gap:0.5em;grid-row-gap:0.333em}dt{grid-column:1/2;font-weight:600;justify-self:end;text-align:right}dd{grid-column:2/3}.edit-work{display:grid;grid-row-gap:0.5em;grid-column-gap:0.5em;width:100%}@media (min-width: 624px){.edit-work{grid-template-columns:-webkit-min-content auto;grid-template-columns:min-content auto;align-items:center}}.edit-work label{white-space:nowrap}@media (min-width: 624px){.edit-work label{text-align:right}}.edit-work input[type="text"]{margin-bottom:0.5em}.edit-work .button-pair{margin-top:0.75em}.edit-work .button-pair>:not(:last-child){margin-right:1em}@media (min-width: 624px){.edit-work .button-pair{grid-column:2/3}}.login{max-width:30em}.login form{display:grid;width:100%;grid-template-rows:auto;grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;justify-items:start;align-items:center;grid-row-gap:1em;grid-column-gap:0.5em}.login form>label{grid-column:1/2;justify-self:end;text-align:right}.login form>input,.login form aside{grid-column:2/3;width:100%}.login form aside{font-size:80%}.login form>input[type="text"],.login form>input[type="password"]{height:3rem;display:flex;align-items:center;overflow:hidden}.login form>a{grid-column:2/3}.login .username-label{grid-column:1/2;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;height:2.5em}.login .username-label>label{grid-column:1/2;justify-self:end;text-align:right;transform:translateY(-0.25em)}.login .username-label div{display:flex;justify-content:space-between;align-items:center}.login .username-label div label:first-child{font-size:75%}.login .username-label div label:last-child{margin-left:0.375em}.login input[type="submit"]{width:auto}#remember-me+label{width:1em;height:1em;border-radius:0.25em;border:1px solid gray}#remember-me:checked+label{border-color:#a3f0ff;background-color:#2ca3ba;box-shadow:0 0 0 0.125em #262626 inset}.reset-password{max-width:30em}.reset-password form{display:grid;width:100%;grid-template-rows:auto;grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;justify-items:start;align-items:center;grid-row-gap:1em;grid-column-gap:0.5em}.reset-password label{grid-column:1/2;justify-self:end;text-align:right}.reset-password input,.reset-password aside{grid-column:2/3;width:100%}.reset-password input[type="submit"]{width:auto}.create-account{max-width:44em}.create-account form{display:grid;grid-row-gap:0.5em;width:100%}@media (min-width: 724px){.create-account form{grid-template-rows:auto;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-row-gap:1em;grid-column-gap:1em;justify-items:start;align-items:center}}@media (min-width: 724px){.create-account label{grid-column:1/2;justify-self:end;text-align:right}}@media (min-width: 724px){.create-account input,.create-account aside{grid-column:2/3;width:100%}}.create-account input[type="submit"]{justify-self:start;width:auto;margin-top:0.75em}.create-account aside{font-size:80%}.create-account .generate{width:100%;display:flex;align-items:center;padding:0.5em 0}@media (min-width: 724px){.create-account .generate{grid-column:2/3}}.create-account .generate .copy-button{margin-left:1em}.copy-button{position:relative;display:flex;flex-direction:column;align-items:center;white-space:nowrap}.copy-button button.copy{height:2em;border:none;border-radius:initial;display:flex;justify-content:center;align-items:center;padding:0;background-color:transparent}.copy-button button.copy:hover,.copy-button button.copy:active{background-color:transparent}.copy-button button.copy div{color:lime;font-size:80%;position:absolute;bottom:-1.25em;-webkit-animation:140ms ease-in 1 forwards 400ms fadeout;animation:140ms ease-in 1 forwards 400ms fadeout}.copy-button svg{width:1.5em;height:1.6065em;margin-right:0.75em}.copy-button code{font-size:85%;color:#c9b969}.copy-button code.bright{color:#ffea85}.add-work{max-width:32em;align-items:center}.add-work .work-specs-form{display:grid;grid-row-gap:0.25em;width:100%}@media (min-width: 724px){.add-work .work-specs-form{grid-template-rows:auto;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-row-gap:0.5em;grid-column-gap:1em;justify-items:start;align-items:center}}@media (min-width: 724px){.add-work .work-specs-form label{grid-column:1/2;justify-self:end;text-align:right}}.add-work .work-specs-form input[type="text"]{margin-bottom:0.5em}@media (min-width: 724px){.add-work .work-specs-form input[type="text"]{margin-bottom:0}}@media (min-width: 724px){.add-work .work-specs-form input,.add-work .work-specs-form aside{grid-column:2/3;width:100%}}.add-work .work-specs-form input[type="submit"]{justify-self:start;width:auto;margin-top:0.75em}.add-work dl{margin-bottom:2em}.add-work .upload-form{display:flex;flex-direction:column;align-items:center}.add-work .upload-form>*{margin-bottom:1em}.add-work .upload-form code{color:#c9b969}.add-work progress{width:100%;min-width:30em;border:1px solid black}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;height:15px;border-radius:20px;background-color:#333;color:#00d5ff}progress::-webkit-progress-bar{background-color:#333;border-radius:20px}progress::-webkit-progress-value{background-color:#00d5ff;border-radius:20px}progress::-moz-progress-bar{background-color:#00d5ff;border-radius:20px}button,label{-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}code{font-family:'Fira Mono', monospace;font-weight:400;line-height:1.666em;word-break:break-word}.image-resizer{padding:1.5em;display:flex;flex-direction:column;align-items:center;text-align:center}.image-resizer form{margin-bottom:1.5em;display:flex;flex-direction:column;align-items:center}.image-resizer form>:not(:last-child){margin-bottom:1em}.image-resizer progress{min-width:25em;margin-bottom:1em}.file-for-upload,.upload-response{display:flex;align-items:center;font-size:1.125em}.file-for-upload{min-height:1em;margin-bottom:0.5em}.upload-response{margin-bottom:1em}.form-buttons{grid-column:2 / -1;display:flex;justify-content:flex-end;padding-top:1em}.ReactModal__Content{outline:none}.confirm-modal button:not(:last-child),.work-form-modal button:not(:last-child){margin-right:1em}.work-form{background-color:white;padding:1em 1.5em;max-width:65em}.work-form form{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;align-items:center;grid-row-gap:0.25em;width:100%}.work-form label,.work-form span.label{padding-right:0.5em;text-align:right}.work-buttons{margin-bottom:0.5em}.work-buttons>:not(:last-child){margin-right:1em}button.text{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;border-radius:initial;border-bottom:1px solid transparent;background-color:transparent;padding:0;color:#83c0cc}button.text:hover{border-color:#83c0cc}.work-specs{margin-bottom:1em}.spinner-showcase{position:relative;display:flex;flex-direction:columm;align-items:center;flex:1 0 auto}.photos-form{background-color:white;padding:1em 1.5em}