header{display:flex;flex-direction:row;height:var(--nav-height);border-bottom:2px solid var(--color-border);background-color:var(--color-background)}header .brand{margin-right:2rem}header .brand a{height:100%;display:flex;align-items:center}header .nav__main{display:flex;flex-direction:row;height:100%;align-items:center}header .nav__main .menu-item{display:flex;height:100%;padding:0 20px;font-size:var(--body-font-size)}header .nav__main .menu-item.active{text-decoration:underline}footer{position:fixed;bottom:0;height:var(--footer-height);background-color:var(--color-background);display:inline-flex;width:100%;flex-direction:row;justify-content:space-between;align-items:center;color:var(--color-foreground)}footer .name{margin-left:2rem}footer .socials{margin-right:2rem;transition:all .3s}footer .socials span a{display:flex;color:var(--color-foreground)}footer .socials svg{width:24px;height:24px;fill:var(--color-foreground);margin-left:1rem}footer .socials:hover svg{fill:var(--color-links)}footer .socials:hover span a{color:var(--color-links);text-decoration:none}.dropdown--container{text-align:left;border:1px solid #ccc;position:relative;border-radius:5px}.dropdown--input{padding:5px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;cursor:pointer}.dropdown--input svg{transition:all .4s}.dropdown--input.open svg{transform:rotate(180deg)}.dropdown--menu{position:absolute;transform:translateY(4px);width:100%;border:1px solid #ccc;border-radius:5px;overflow:auto;max-height:150px;background-color:#fff;z-index:99}.dropdown--menu .search-box{padding:5px;background-color:#eee}.dropdown--menu .search-box input{width:100%;box-sizing:border-box;padding:5px;border:1px solid #ccc;border-radius:5px}.dropdown--item{padding:5px;cursor:pointer}.dropdown--item:hover{background-color:#9fc3f870}.dropdown--item.selected{background-color:#0d6efd;color:#fff}.dropdown--tags{display:flex;flex-wrap:wrap;gap:5px}.dropdown--tag-item{background-color:#ddd;padding:2px 4px;border-radius:2px;display:flex;align-items:center}.dropdown--tag-item:hover{cursor:pointer}.dropdown--tag-close{display:flex;align-items:center}@font-face{font-family:roboto-regular;src:url(/assets/Roboto-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:roboto-bold;src:url(/assets/Roboto-Bold.ttf);font-weight:400;font-style:normal}:root{--hs-links: 48 100%;--color-foreground: hsl(0, 0%, 100%);--color-background: hsl(278, 73%, 19%);--color-links: hsl(var(--hs-links) 50%);--color-links-hover: hsl(var(--hs-links) 45%);--color-border: hsl(277, 85%, 38%);--color-invalid: hsl(356, 100%, 71%);--color-font: hsl(210, 11%, 15%);--gradient-background: radial-gradient(circle, rgba(152, 11, 238, 1) 0%, rgba(118, 15, 181, 1) 35%, rgba(58, 13, 85, 1) 100%);--font-body: -apple-system, "Segoe UI", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif, system-ui, "Apple Color Emoji", "Segoe UI Emoji";--font-display: roboto-regular, var(--font-body);--font-headline: roboto-bold, var(--font-body);--body-font-size: 1rem;--footer-height: 80px;--nav-height: 90px}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{padding:0;margin:0;color:var(--color-font);background-color:var(--color-foreground)}[data-light]{--color-invalid: hsl(356, 70%, 39%);color:var(--color-background);background-color:var(--color-foreground)}body{font-family:var(--font-body);line-height:1.5;background-repeat:no-repeat;min-height:100vh;min-height:calc(100vh - env(safe-area-inset-bottom))}a{color:var(--color-links);text-decoration:none}a:hover{color:var(--color-links-hover);text-decoration:underline}hr{display:block;height:1px;border:0;background-color:var(--color-border);margin-top:2rem;margin-bottom:2rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);margin:0}h1{font-size:2.25rem;line-height:2.5rem}h2{font-size:1.5rem;line-height:2rem}h3{font-size:1.25rem;line-height:1.75rem}h4{font-size:1.125rem;line-height:1.75rem}h5,h6{font-size:.875rem;line-height:1.25rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{--gutter: 16px;width:1024px;max-width:calc(100% - var(--gutter) * 2);margin-right:auto;margin-left:auto}.container--error{background-color:#e74651be;border-radius:.25rem;padding:.5rem 1rem}.row{display:flex;flex-direction:column}@media (min-width: 768px){.row{flex-direction:row}}.mt-3{margin-top:3rem}ul,ol{padding:0;margin:0}ul li::marker,ol li::marker{content:none}
