@view-transition{navigation:auto}::view-transition-group(*){animation-duration:1s}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{from{opacity:1}to{opacity:0}}html:active-view-transition-type(forwards, backwards) :root{view-transition-name:none}html:active-view-transition-type(forwards, backwards) main{view-transition-name:content}::view-transition-old(root){animation:300ms ease-in both fade-out}::view-transition-new(root){animation:300ms ease-out both fade-in}:root{--color-bg: #f3f3f3;--color-font: #454545;--color-logo-1: #212121;--color-logo-2: #850101;--color-logo-3: #212121;--color-logo-icon: #212121}[data-theme=dark]{--color-bg: #000000;--color-font: #ffffff;--color-logo-1: #ffffff;--color-logo-2: #DBFF33;--color-logo-3: #DBFF33;--color-logo-icon: #ffffff}a:not([class]){text-decoration-skip-ink:auto}h1,h2,h3,h4,h5,h6{display:block}iframe{display:block;width:100%;border-style:none}sup{position:relative;top:-0.5em;font-size:75%;line-height:0;vertical-align:text-top}sub{position:relative;bottom:-0.25em;font-size:75%;line-height:0;vertical-align:text-bottom}label[for]{cursor:pointer}button,input,optgroup,select,textarea{margin:0;padding:0;border-radius:0;background:rgba(0,0,0,0);font:inherit;color:inherit;text-align:inherit;vertical-align:middle;outline:0;-webkit-appearance:none;appearance:none}[type=checkbox]{vertical-align:bottom;-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{vertical-align:text-bottom;-webkit-appearance:radio;appearance:radio}[type=search]{appearance:textfield;-webkit-appearance:textfield;outline-offset:-2px}button,[type=button],[type=reset],[type=submit]{cursor:pointer;-webkit-appearance:none;appearance:none}button[disabled],[type=button][disabled],[type=reset][disabled],[type=submit][disabled]{cursor:default}kod3x-logofull{display:block;margin:0 auto;height:100%;max-width:768px}kod3x-logofull a{display:block}kod3x-logofull a svg #Octopus,kod3x-logofull a svg #K,kod3x-logofull a svg #D,kod3x-logofull a svg #T,kod3x-logofull a svg #X{fill:var(--color-logo-1)}kod3x-logofull a svg #o{fill:var(--color-logo-2)}kod3x-logofull a svg #Line{stroke:var(--color-logo-1)}@media screen and (width <= 319px){kod3x-logofull{display:none}}kod3x-outsize{display:none;height:100vh;text-align:center}kod3x-outsize svg{max-width:200px}kod3x-outsize #Octopus{fill:var(--color-logo-1)}@media screen and (width <= 319px){kod3x-outsize{display:block}}body{height:100%;width:100%;align-content:center}a{display:block}h1{margin-top:0;font-size:20px;line-height:.8;text-align:center}@media screen and (320px <= width < 768px){main{padding:0 20px}}@media screen and (width <= 319px){main{display:none}}