@import"https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=Prompt:wght@300;400;500;600;700;800;900&display=swap";body{background-color:var(--dark-background);color:var(--dark-text);margin:0;padding:0}a{color:var(--brand)}h1,h2,h3,h4,h5,h6{color:var(--dark-text)}button{border:1px solid var(--brand);color:var(--brand);box-shadow:0 2px var(--black)}button:hover{background-color:var(--brand);color:var(--black-brand)}input,select{background:var(--black-brand);border:1px solid var(--brand);color:var(--blue--100)}input:focus{border:1px solid var(--brand-secondary);box-shadow:0 0 0 2px var(--brand-secondary)}:root{--brand: #c3bb97;--brand-secondary: #739f4d;--black-brand: #121212;--white: white;--grey--grey-950: #1e1e1e;--blue--100: #f6f8fe;--black: black;--grey--grey-700: #545454;--grey--grey-300: #c5c5c5;--error: #ffa280;--background: #fff;--text: #a2a2a2;--dark-background: #222;--dark-text: #eee;font-family:Prompt,sans-serif;font-weight:300;font-style:normal;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}a{font-weight:700;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:Major Mono Display,Prompt,sans-serif;color:var(--white)}button{outline:none;letter-spacing:0;text-transform:none;background-color:transparent;border-radius:5px;padding:12px 25px;font-size:16px;font-weight:700;line-height:16px;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 2px var(--black)}button:hover{cursor:pointer}input,select{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border-radius:4px;box-sizing:border-box;transition:all .3s ease;font-size:1em;font-weight:400;font-family:Lato,sans-serif}input:focus{outline:none}.spinner{animation:rotate 2s linear infinite;z-index:2;position:absolute;top:50%;left:50%;margin:-50% 0 0 -50%;width:inherit;height:inherit}.spinner .path{stroke:var(--brand-secondary);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.logo{background-image:url(/img/leaf_dark.svg);background-repeat:no-repeat;background-size:contain;background-position:center}.page{display:flex;place-content:center;width:100vw;height:100vh}.page .login_wrapper{z-index:1;width:400px;display:flex;flex-direction:column;gap:2em;justify-content:center;align-items:center}.page .login_wrapper label{color:var(--white);font-weight:300}.page .login_wrapper form{display:flex;gap:1em;flex-direction:column}.page .login_wrapper form button{align-self:center;width:100%}.page .login_wrapper form button .spinner_wrapper{position:relative;width:25px;height:25px}.page .login_wrapper form .loading_button{width:70px;padding:10px 20px;background-color:var(--brand)}.page .login_wrapper .feedback{height:30px;text-align:center;color:var(--error)}.moving_background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background-image:url(/img/pattern_dark.jpg);background-repeat:repeat;background-position:center 55%;background-size:50%;animation:up_down 6s infinite;animation-timing-function:ease-in-out}@keyframes up_down{50%{background-size:53%}}.layout{display:grid;grid-template-rows:80px 1fr;grid-template-columns:1fr}.navbar{border-bottom:1px solid rgba(209,255,243,.2);display:flex;justify-content:space-between}.navbar .left_wrapper{display:flex;gap:3em}.navbar .user{display:flex;height:100%}.navbar .user .email{display:flex;padding:0 20px;height:inherit;align-items:center;color:var(--white)}.navbar .user .logout{display:flex;align-items:center;justify-content:center;font-size:2em;height:inherit;width:80px;background:var(--brand-secondary);cursor:pointer}.navbar .user .logout svg{width:26px;height:26px}.navbar .user .logout:hover{background:var(--brand);color:var(--black-brand);font-weight:400}nav{display:flex;height:100%;align-items:center;gap:3em}nav a,nav a:visited{color:var(--white)}nav a.active{color:var(--brand)}@media screen and (max-width: 700px){.navbar .user .email{display:none}nav{gap:1em}}