@property --hue{syntax:"<number>";inherits:false;initial-value:0}:root{--white:#fff;--black:#0a0a0a;--wrapper-margin:clamp(1rem, max(2vw, 2vh), 2rem);--wrapper-padding:clamp(1rem, max(3vw, 3vh), 2rem);--gap-list:2em;--border-anim-duration:.7s;--border-anim-delay:.5s}a{color:inherit;text-decoration:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:Courier,Verdana,sans-serif;list-style:none}html{--accent:hsl(var(--hue), 100%, 40%);--bkg-color:var(--white);--frg-color:var(--black);--transparent-bg:#fffffff2;--border-thickness:2px;background-color:var(--bkg-color);color:var(--frg-color);animation:10s linear infinite anim-color}html.dark-theme{--border-thickness:1px;--accent:hsl(var(--hue), 80%, 50%);--bkg-color:var(--black);--frg-color:var(--white);--transparent-bg:#000000e6}@keyframes anim-color{to{--hue:360}}.wrapper{padding:var(--wrapper-padding);margin:var(--wrapper-margin);height:calc(100vh - (2 * var(--wrapper-margin)));background-color:var(--bkg-color);position:relative}.border{background-color:var(--accent);position:absolute}.top{height:var(--border-thickness);transform-origin:0 0;width:100%;animation:border-anim var(--border-anim-duration) forwards calc((var(--border-anim-duration) * 0) + var(--border-anim-delay));top:0;left:0;scale:0 1}.right{width:var(--border-thickness);transform-origin:0 0;height:100%;animation:border-anim var(--border-anim-duration) forwards calc((var(--border-anim-duration) * 1) + var(--border-anim-delay));top:0;right:0;scale:1 0}.bottom{height:var(--border-thickness);transform-origin:100% 0;width:100%;animation:border-anim var(--border-anim-duration) forwards calc((var(--border-anim-duration) * 2) + var(--border-anim-delay));bottom:0;left:0;scale:0 1}.left{width:var(--border-thickness);transform-origin:0 100%;height:100%;animation:border-anim var(--border-anim-duration) forwards calc((var(--border-anim-duration) * 3) + var(--border-anim-delay));bottom:0;left:0;scale:1 0}.radial-mouse{opacity:.3;background-image:radial-gradient(circle, var(--accent) 0%, #fff0 75%);width:min(100vw - 2rem,100vh - 2rem);height:min(100vw - 2rem,100vh - 2rem);animation:10s linear infinite anim-color;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes border-anim{to{scale:1}}.anim-display{opacity:0;transform:translateX(var(--direction));animation:animation-display .2s forwards var(--delay)}@keyframes animation-display{to{opacity:1;transform:translate(0)}}.no-anim{opacity:1;animation:none;transform:translate(0)}.content{flex-direction:column;justify-content:space-between;align-items:stretch;height:100%;display:flex}a{position:relative}a:hover:after{--cursor-size:.7em;bottom:0;right:-var(--cursor-size);background-color:var(--accent);width:var(--cursor-size);content:"";height:.1em;animation:.75s steps(2,start) infinite input-anim;position:absolute}@keyframes input-anim{to{visibility:hidden}}.accent-letter:hover{color:var(--accent);font-weight:700}header{white-space:nowrap;justify-content:space-between;align-items:center;display:flex}.main-logo-short{display:none}.accent-color{color:var(--accent)}.main-logo-short,.main-logo-long{font-size:x-large;font-weight:bolder}.secret-link:hover{cursor:pointer;animation:.75s steps(2,start) infinite input-anim}@media screen and (width<1024px){.main-logo-long{display:none}.main-logo-short{display:block}}@media screen and (width<768px){.main-logo-short,.main-logo-long{font-size:large}}.header-nav ul{gap:var(--gap-list);display:flex}.burger-nav{z-index:2;font-size:large;font-weight:bolder;display:none;position:relative}.burger-nav_closed p:nth-child(2),.burger-nav_openned p:first-child{display:none}@media screen and (width<768px){.header-nav{z-index:1;width:calc(100% - var(--border-thickness) * 2);height:calc(100% - var(--border-thickness) * 2);text-align:center;top:var(--border-thickness);left:var(--border-thickness);background-color:var(--transparent-bg);font-size:x-large;font-weight:700;display:none;position:absolute}.header-nav nav{margin-top:20vh}.header-nav ul{flex-direction:column}.burger-nav{display:block}}main{height:75%;overflow-y:scroll}main::-webkit-scrollbar{display:none}.main-content{margin-block:5rem}main h1{margin-bottom:1em}form{margin-left:1em}form *{color:inherit;background-color:var(--bkg-color)}form input,textarea{border:1px solid var(--accent);margin-bottom:1rem;padding:.5em;display:block}form textarea{width:min(45em,100%);height:5em}form button{cursor:pointer;border:none;border-bottom:1px solid var(--accent)}footer{justify-content:space-between;align-items:center;gap:.5em;font-size:smaller;display:flex}@media screen and (width<768px){footer{flex-direction:column;font-size:x-small}}footer ul{align-items:center;gap:var(--gap-list);display:flex}.button-pointer{cursor:pointer}#toggle{font-size:large;font-weight:bolder}@media screen and (width<1024px){:root{--gap-list:1em}}