:root {
  --bg: #0a6e3c;
  --font: #fff;
  --theme: #267755; 
  --theme_dim: #21342c;
  --theme_light: #14844c;
  --theme_pop: #3dc98f;
  --white: #fff;
  --black: #000;
}

@font-face {
  font-family: 'Fira Code';
  src: url('/css/fonts/FiraCode.woff2') format('woff2-variations');
  font-style: normal;
  font-display: block; }

@font-face {
  font-family: 'Sattire';
  src: url('/css/fonts/Sattire.woff2') format('woff');
  font-style: normal;
  font-display: block; }
 
* { outline: none; border: none; user-select: none; scroll-behavior: smooth; margin: 0; padding: 0; font-family: 'Carlito', 'Verdana', 'Arial', 'Tahoma'; color: var(--font);
-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; }
    
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px transparent; border-radius: 0px; }
::-webkit-scrollbar-thumb { background: var(--white); border-radius: 0px; cursor: pointer; }

::selection {
  background-color: #c1cac6;
  color: var(--theme);
}

@view-transition {
  navigation: auto;
}

@supports (view-transition-name: none) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 150ms;
    animation-timing-function: ease-in-out; }
}

img { image-rendering: crisp-edges; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; 
transform: translateZ(0); -webkit-backface-visibility: hidden; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); -ms-interpolation-mode: nearest-neighbor; }

html { background-color: var(--bg); color: var(--font); }
html, body { margin: 0; padding: 0; height: 100%; }

a { color: var(--font); text-underline-offset: 5px; transition: all .3s ease-in-out; }


.binder { z-index: 1; height: 100dvh; width: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }


header {
  height: auto;
  flex-shrink: 0;
  width: 100%;
}

main {
display: flex;
flex: 1;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
flex-direction: column; 
justify-content: center;
align-items: center;
}

footer {
  flex-shrink: 0;
  width: 100%;
  padding: 0px 0px 0px 0px;
  min-height: 46px;
}

footer .grid {
  display: grid;
  grid-template-columns: 100px 1fr 100px; 
  width: 100%;
}
footer .grid .date { padding: 8px 0px 0px 0px; text-align: center; font-size: 16px; color: var(--white); opacity: .25; }
footer .grid .info { padding: 0px 15px 0px 0px; text-align: right; }


.icon {
display: inline-block; width: 32px; height: 32px; line-height: 32px; border: none; cursor: pointer; margin: 0px 0px 0px -2px;
overflow: hidden; color: transparent; background-color: var(--white); transition: background-color 0.2s ease-in-out; }
.icon * { cursor: pointer; }
.icon:hover, .login_button:focus { background-color: var(--white); }
.icon:active { background-color: var(--white); }
.icon_info {
--icon_info: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
-webkit-mask: var(--icon_info);
mask: var(--icon_info); }
.icon_signin {
--icon_info: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M221-283q56-42 122-64.5T480-370q71 0 137 22.5T739-283q35-46 51-94.5T806-480q0-134-96-230t-230-96q-134 0-230 96t-96 230q0 54 16 102.5t51 94.5Zm142.5-180.5Q316-511 316-580t47.5-116.5Q411-744 480-744t116.5 47.5Q644-649 644-580t-47.5 116.5Q549-416 480-416t-116.5-47.5ZM480-48q-88 0-167-34.5t-137.5-93Q117-234 82.5-313T48-480q0-89 34.5-167.5t93-137Q234-843 313-877.5T480-912q89 0 167.5 34.5t137 93q58.5 58.5 93 137T912-480q0 88-34.5 167t-93 137.5q-58.5 58.5-137 93T480-48Z"/></svg>');
-webkit-mask: var(--icon_info);
mask: var(--icon_info); }


.popDat { transform: scale(0.8); opacity: 0; 
animation: popDat 450ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards; animation-delay: 150ms; }

@keyframes popDat {
  0% { transform: scale(0.8); opacity: 0; }
  60% { transform: scale(1.02); opacity: 1; }
  80% { transform: scale(0.98); }
  100% { transform: scale(1); opacity: 1; } }

@keyframes hoverPop {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.04); }
  100% { transform: scale(1); } }