@charset "UTF-8";*,:after,:before{background-repeat:no-repeat;box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(navli):before{content:"\200b";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button,[type=button i],[type=reset i],[type=submit i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details > summary:first-of-type){display:list-item}:where([aria-busy=true i]){cursor:progress}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}:root{--br: 4px;--xs-pad: 4px;--sm-pad: 8px;--md-pad: 16px;--lg-pad: 20px;--xlg-pad: 40px;--sm-breakpoint: 400px;--lg-breakpoint: 768px;--primary-400: #60a5fa;--primary: #3b82f6;--primary-600: #2563eb;--accent: #64ffda;--red: #f43f5e;--red-600: #dc2626;--yellow: #eab308;--grey: #f7f7f9;--white: #fff;--black: #000;--text: rgba(0, 0, 0, .8);--secondary: rgba(0, 0, 0, .54);--disabled: rgba(0, 0, 0, .38);--dividers: rgba(0, 0, 0, .12);--link-color: var(--primary);--link-hover-color: var(--primary-600);--sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--serif: Georgia, Times, "Times New Roman", serif;--monospace: Menlo, Monaco, Consolas, "Courier New", monospace;--font-family: var(--sans-serif);--font-size-base: 16px;--font-size-sm: 14px;--font-size-h1: 40px;--font-size-h2: 32px;--font-size-h3: 28px;--font-size-h4: 24px;--font-size-h5: 20px;--font-size-h6: 16px;--line-height-base: 1.5;--border: 1px solid var(--dividers)}article,aside,details,footer,header,main,section,summary{margin:0 auto;margin-bottom:var(--md-pad);width:100%}main{display:block;margin:0 auto;max-width:var(--lg-breakpoint);padding:0 var(--md-pad) var(--md-pad)}footer{border-top:var(--border);padding:var(--md-pad) 0;text-align:center}footer p{margin-bottom:0}hr{border:0;border-top:var(--border);box-sizing:content-box;display:block;height:0;margin-bottom:var(--md-pad);margin-top:var(--md-pad);overflow:visible;width:100%}img{height:auto;max-width:100%;vertical-align:baseline}@media screen and (max-width: var(--sm-breakpoint)){article,aside,section{clear:both;display:block;max-width:100%}img{margin-right:var(--md-pad)}}embed,iframe,video{border:0}progress{background-repeat:repeat}body{color:var(--text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base)}p{margin:0;margin-bottom:var(--md-pad)}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2}h1{font-size:var(--font-size-h1)}h1,h2{margin:var(--lg-pad) 0 var(--md-pad)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h3,h4{margin:var(--md-pad) 0 var(--xs-pad)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h5,h6{margin:var(--md-pad) 0 var(--xs-pad)}h6{font-size:var(--font-size-h6)}small{color:var(--secondary);vertical-align:bottom}pre{background-color:var(--grey);display:block;margin:var(--md-pad) 0;overflow-wrap:break-word;padding:var(--md-pad);white-space:pre-wrap}code,pre{color:var(--text);font-family:var(--monospace);font-size:var(--font-size-base)}code{word-wrap:break-word;line-height:inherit;margin:0;padding:0;vertical-align:baseline;word-break:break-all}a{background-color:transparent;color:var(--link-color);text-decoration:none}a:focus,a:hover{color:var(--link-hover-color);text-decoration:underline}dl{margin-bottom:var(--md-pad)}dd{margin-left:var(--xlg-pad)}ol,ul{margin-bottom:var(--sm-pad);padding-left:var(--xlg-pad);vertical-align:baseline}blockquote{border-left:2px solid var(--text);font-style:italic;margin:var(--md-pad) 0;padding-left:var(--md-pad)}blockquote,figcaption{font-family:var(--serif)}u{text-decoration:underline}s{text-decoration:line-through}sup{vertical-align:super}sub,sup{font-size:var(--font-size-sm)}sub{vertical-align:sub}mark{background-color:var(--yellow)}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background:var(--white);background-clip:padding-box;border:var(--border);border-radius:var(--br);color:var(--text);display:block;font-family:var(--sans-serif);font-size:1rem;line-height:1.5;padding:var(--sm-pad) var(--md-pad);margin:var(--sm-pad) 0;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%;word-break:normal}input[type=color]{background-color:var(--white);display:inline-block;vertical-align:middle}input:not([type]),input[type=color]{border:var(--border);border-radius:var(--br)}input:not([type]){-webkit-appearance:none;background:var(--white);background-clip:padding-box;color:var(--text);display:block;line-height:1.5;padding:var(--sm-pad) var(--md-pad);text-align:left;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%;word-break:normal}input:not([type]):focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{background-color:var(--white);border-color:var(--primary-400);box-shadow:0 0 0 .2rem #3b82f680;outline:0}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:1px thin var(--dividers)}input:not([type])[disabled],input[type=color][disabled],input[type=date][disabled],input[type=datetime-local][disabled],input[type=datetime][disabled],input[type=email][disabled],input[type=month][disabled],input[type=number][disabled],input[type=password][disabled],input[type=search][disabled],input[type=tel][disabled],input[type=text][disabled],input[type=time][disabled],input[type=url][disabled],input[type=week][disabled],select[disabled],textarea[disabled]{background-color:var(--dividers);color:var(--secondary);cursor:not-allowed;opacity:1}input[readonly],select[readonly],textarea[readonly]{border-color:var(--dividers);color:var(--secondary)}input:focus:invalid,select:focus:invalid,textarea:focus:invalid{border-color:var(--red-600);color:var(--red)}input[type=checkbox]:focus:invalid:focus,input[type=file]:focus:invalid:focus,input[type=radio]:focus:invalid:focus{outline-color:var(--red)}select{border:var(--border);vertical-align:sub}select:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select[multiple]{height:auto}label{display:inline-block;line-height:2}fieldset{border:0;margin:0}fieldset,legend{padding:var(--sm-pad 0)}legend{border-bottom:var(--border);color:var(--text);display:block;margin-bottom:var(--sm-pad);width:100%}textarea{overflow:auto;resize:vertical}input[type=checkbox],input[type=radio]{box-sizing:border-box;display:inline;padding:0}button,input[type=button],input[type=reset],input[type=submit]{background-color:var(--primary);border:1px solid transparent;border-radius:var(--br);color:var(--white);display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:var(--sm-pad) var(--md-pad);text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0}button:hover,button:not(:disabled):active,input[type=button]:hover,input[type=button]:not(:disabled):active,input[type=reset]:hover,input[type=reset]:not(:disabled):active,input[type=submit]:hover,input[type=submit]:not(:disabled):active{background-color:var(--primary-600);border-color:var(--primary-600);color:var(--white)}button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{box-shadow:0 0 0 .2rem #3b82f680;outline:0}button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{background-color:var(--primary);border-color:var(--primary);color:var(--white);cursor:not-allowed;opacity:.65}table{border-top:var(--border);margin-bottom:var(--md-pad)}caption{padding:var(--sm-pad 0)}thead th{border:0;border-bottom:2px solid var(--dividers);text-align:left}tr{margin-bottom:var(--sm-pad)}td,th{border-bottom:var(--border);padding:var(--md-pad);vertical-align:inherit}tfoot tr{text-align:left}tfoot td{color:var(--secondary);font-size:var(--sm-pad);font-style:italic;padding:var(--md-pad) var(--xs-pad)}html{background-color:var(--color-background)}.recharts-responsive-container{min-height:50vh;max-height:50vh;max-width:1200px;margin:auto}.loader{width:48px;height:48px;border:5px solid #fff;border-bottom-color:#ff3d00;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root.peachy-theme{--color-foreground: rgb(255, 255, 255);--color-semitrans-white: rgba(255, 255, 255, .6);--color-background: rgb(109, 104, 117);--color-background-semitrans: rgba(109, 104, 117, .6);--color-background-mostlytrans: rgba(109, 104, 117, .25);--color-links: rgb(255, 205, 178);--color-links-semitrans: rgba(255, 205, 178, .6);--color-links-mostlytrans: rgba(255, 205, 178, .25);--color-links-visited: rgb(255, 205, 178);--color-links-hover: rgb(255, 180, 162);--color-border: rgb(181, 131, 141);--color-border-semitrans: rgba(181, 131, 141, .6);--color-border-mostlytrans: rgba(181, 131, 141, .25);--color-invalid: rgb(229, 152, 155);--color-invalid-semitrans: rgba(229, 152, 155, .6);--color-invalid-mostlytrans: rgba(229, 152, 155, .25);--gradient-background: radial-gradient( circle, rgba(109, 104, 117) 0%, rgba(255, 205, 178) 100% )}:root.green-theme{--color-foreground: rgb(255, 255, 255);--color-semitrans-white: rgba(255, 255, 255, .6);--color-background: rgb(56, 102, 65);--color-background-semitrans: rgba(56, 102, 65, .6);--color-background-mostlytrans: rgba(56, 102, 65, .25);--color-links: rgb(167, 201, 87);--color-links-semitrans: rgba(167, 201, 87, .6);--color-links-mostlytrans: rgba(167, 201, 87, .25);--color-links-visited: rgb(167, 201, 87);--color-links-hover: rgb(106, 153, 78);--color-border: rgb(242, 232, 207);--color-border-semitrans: rgba(242, 232, 207, .6);--color-border-mostlytrans: rgba(242, 232, 207, .25);--color-invalid: rgb(188, 71, 73);--color-invalid-semitrans: rgba(188, 71, 73, .6);--color-invalid-mostlytrans: rgba(188, 71, 73, .25);--gradient-background: radial-gradient( circle, rgba(56, 102, 65) 0%, rgba(167, 201, 87) 100% )}:root.purple-theme{--color-foreground: rgb(255, 255, 255);--color-semitrans-white: rgba(255, 255, 255, .6);--color-background: rgb(82, 40, 136);--color-background-semitrans: rgba(82, 40, 136, .6);--color-background-mostlytrans: rgba(82, 40, 136, .25);--color-background: rgb(102, 51, 153);--color-background-semitrans: rgba(102, 51, 153, .6);--color-background-mostlytrans: rgba(102, 51, 153, .25);--color-links: rgb(245, 187, 6);--color-links-semitrans: rgba(245, 187, 6, .6);--color-links-mostlytrans: rgba(245, 187, 6, .25);--color-links-visited: rgb(245, 187, 6);--color-links-hover: rgb(252, 198, 2);--color-border: rgb(255, 221, 85);--color-border-semitrans: rgba(255, 221, 85, .6);--color-border-mostlytrans: rgba(255, 221, 85, .25);--color-invalid: rgb(188, 71, 73);--color-invalid-semitrans: rgba(188, 71, 73, .6);--color-invalid-mostlytrans: rgba(188, 71, 73, .25);--gradient-background: radial-gradient( circle, rgba(56, 102, 65) 0%, rgba(167, 201, 87) 100% )}:root.default-theme{--color-foreground: rgb(7, 54, 66);--color-foreground-semitrans: rgba(7, 54, 66, .6);--color-foreground-mostlytrans: rgba(7, 54, 66, .25);--color-background: rgb(253, 246, 227);--color-background-semitrans: rgba(253, 246, 227, .6);--color-background-mostlytrans: rgba(253, 246, 227, .25);--color-links: rgb(38, 139, 210);--color-links-semitrans: rgba(38, 139, 210, .6);--color-links-mostlytrans: rgba(38, 139, 210, .25);--color-links-visited: rgb(86, 86, 255);--color-links-hover: rgb(108, 113, 196);--color-border: rgb(7, 54, 66);--color-border-semitrans: rgba(7, 54, 66, .6);--color-border-mostlytrans: rgba(7, 54, 66, .25);--color-invalid: rgb(220, 50, 47);--color-invalid-semitrans: rgba(220, 50, 47, .6);--color-invalid-mostlytrans: rgba(220, 50, 47, .25);--color-semitrans-white: rgba(255, 255, 255, .6);--gradient-background: radial-gradient( circle, rgba(17, 138, 178, 1) 0%, rgba(7, 59, 76, 1) 100% );--font-body: inter, -apple-system, "Segoe UI", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif, system-ui, "Apple Color Emoji", "Segoe UI Emoji";--font-display: inter, var(--font-body)}:root.blue-theme{--color-foreground: hsl(0, 0%, 100%);--color-background: hsl(195, 83%, 16%);--color-background-semitrans: hsla(195, 83%, 16%, .6);--color-background-mostlytrans: hsla(195, 83%, 16%, .25);--color-links: hsl(42, 100%, 50%);--color-links-semitrans: hsla(42, 100%, 50%, .6);--color-links-mostlytrans: hsla(42, 100%, 50%, .25);--color-links-visited: hsl(42, 100%, 50%);--color-links-hover: hsl(42, 100%, 45%);--color-border: hsl(195, 83%, 38%);--color-border-semitrans: hsla(195, 83%, 38%, .6);--color-border-mostlytrans: hsla(195, 83%, 38%, .25);--color-invalid: hsl(346, 84%, 61%);--color-invalid-semitrans: hsla(346, 84%, 61%, .6);--color-invalid-mostlytrans: hsla(346, 84%, 61%, .25);--gradient-background: radial-gradient( circle, rgba(17, 138, 178, 1) 0%, rgba(7, 59, 76, 1) 100% );--font-body: inter, -apple-system, "Segoe UI", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif, system-ui, "Apple Color Emoji", "Segoe UI Emoji";--font-display: inter, var(--font-body)}:root{--bg-color: #f3efd7;--nav-color: white;background-color:var(--color-background);--nav-light-color: lightgray;--dark-color: #292f36}.App{height:100vh;display:grid;grid-template-columns:1fr;grid-template-rows:70px 1fr;grid-auto-rows:auto;grid-template-areas:"nav" "body"}main,.Body{grid-area:body}.nav{grid-area:nav;position:fixed;background-color:var(--color-background);top:0;width:100%;height:70px;z-index:30;display:flex;flex-direction:row}.clickable-link{position:absolute;width:50px;height:50px;top:10px;left:0}.hidden-nav{margin-left:-200px}.shown-nav{margin-left:0;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.top-bar{transition:.4s;padding-top:16px;position:absolute;width:100%;display:flex;flex-direction:row;justify-content:center;align-content:center;z-index:1000}.top-bar.shown-nav-top-bar{width:190px;margin-left:-15px}#nav-title{font-weight:600;color:var(--dark-color);z-index:50;transition:.4s}#nav-title>a{color:var(--dark-color);text-decoration:none;width:100%;height:70px;padding-top:20px}#hamburger{margin-top:0;padding-top:30px;height:30px;transition:.4s;position:absolute;z-index:60;cursor:pointer}#hamburger:hover{cursor:pointer}.top-bun,.meat,.bottom-bun{transition:.3s;display:block;width:40px;height:5.5px;position:relative;background:var(--dark-color);border-radius:10px;z-index:10}.hidden-nav-burger{left:15px;top:-10px}.hidden-nav-burger>.top-bun{transform:rotate(0);margin-bottom:5px}.hidden-nav-burger>.bottom-bun{transform:rotate(0);margin-top:5px}.hidden-nav-burger>.meat{opacity:1}.shown-nav-burger{left:170px;top:-5px}.shown-nav-burger>.top-bun{transform:rotate(45deg);margin-top:5px}.shown-nav-burger>.bottom-bun{margin-top:-10px;transform:rotate(-45deg)}.shown-nav-burger>.meat{opacity:0}#nav-menu-container{justify-content:space-between;grid-area:fixed-nav;position:absolute;display:flex;flex-flow:column wrap;align-items:center;height:100vh;width:200px;padding-bottom:10vh;background-color:var(--color-background);transition:.3s;z-index:40}#nav-menu{margin-top:86px;list-style:none;padding:0;width:100%;overflow-y:auto;overflow-x:hidden}.nav-menu-item{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;transition:.3s;width:200px;height:90px;background-color:var(--nav-light-color);cursor:pointer;color:var(--dark-color);text-decoration:none}.nav-menu-link{width:100%;height:100%;padding-left:30px;display:flex;flex-direction:column;align-content:center;justify-content:center;cursor:pointer;text-align:left;color:var(--dark-color);text-decoration:none}.nav-menu-link span{display:flex;justify-content:flex-start;align-content:center}.nav-menu-link img{max-width:10%;margin-right:5%}.nav-links--logo,.nav-links--logo img{max-width:4rem}.nav-menu-actions{display:flex;flex-direction:column}.nav-menu-actions>*{margin-bottom:10px}.nav-menu-item:nth-child(even){background-color:var(--color-background)}.nav-menu-link:hover{background:var(--dark-color);color:var(--bg-color)}#nav-background-clicker-shown-nav{top:86px;position:absolute;width:calc(100vw - 200px);margin-left:200px;height:100vh;cursor:pointer}#nav-background-clicker-shown-nav:hover{cursor:pointer}@media screen and (min-width: 768px){.App{grid-template-columns:200px 1fr;grid-template-rows:70px 1fr;grid-template-areas:"fixed-nav nav" "fixed-nav body"}.shown-nav{box-shadow:none}#hamburger{display:none}#nav-menu-container,.hidden-nav,.shown-nav{display:flex;justify-content:space-between;padding-bottom:10vh;position:fixed;margin-left:0}#nav-title{margin-left:200px}.top-bar.shown-nav-top-bar{width:100%}}@font-face{font-family:inter;src:url(/fonts/Inter/static/Inter-Regular.ttf);src:url(/fonts/Inter/static/Inter-Thin.ttf);src:url(/fonts/Inter/static/Inter-Medium.ttf);src:url(/fonts/Inter/static/Inter-Bold.ttf);font-weight:400;font-style:normal}:root{font-size:16px;--font-body: inter, -apple-system, "Segoe UI", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif, system-ui, "Apple Color Emoji", "Segoe UI Emoji";--font-display: inter, var(--font-body);--color-black: #333;--color-semitrans-white: rgba(255, 255, 255, .6)}.hidden{display:none}
/*! Marx v4.1.1 - The classless CSS reset (perfect for Communists) | MIT License | https://github.com/mblode/marx */