div.menu-burger{display:flex;align-items:center;justify-content:center;font-size:30px;width:1em;height:1em;position:relative}div.menu-burger div.line{position:absolute;background-color:var(--fg1);height:.1em;width:100%;transform-origin:center;border-radius:100px}div.menu-burger div.line.top,div.menu-burger div.line.bottom{transition:var(--delay) transform,var(--delay) top}div.menu-burger div.line.top{top:5%}div.menu-burger div.line.middle{top:50%;left:50%;transform:translate(-50%,-50%);transition:var(--delay) width}div.menu-burger div.line.bottom{top:95%;transform:translateY(-100%)}div.menu-burger.active div.line.top{transform:rotate(45deg);top:50%}div.menu-burger.active div.line.middle{width:0}div.menu-burger.active div.line.bottom{transform:rotate(-45deg);top:50%}header#header{position:fixed;top:0;font-size:var(--fsz3);display:flex;width:100%;align-items:center;justify-content:center;gap:40px;height:110px;padding:0 30px;z-index:100;transition:var(--delay) height,var(--delay) padding;background-color:var(--bg1)}header#header.separated{height:80px;padding:0 20px;background-color:var(--bg1)}header#header:after{content:"";position:absolute;width:95%;height:1px;background-color:transparent;bottom:0;left:50%;transform:translate(-50%);transition:var(--delay) background-color;z-index:100}header#header.separated:after{background-color:var(--sep)}header#header>svg{width:50px;height:50px;z-index:110;opacity:0;animation:appear-rise .5s ease-out forwards}header#header nav{display:flex;gap:40px}header#header nav>a{color:var(--fg2);transition:var(--delay) color;padding:5px 0;position:relative;opacity:0;animation:appear-rise .5s ease-out forwards}header#header nav>a:hover,header#header nav>a:focus{color:var(--fg1)}header#header nav>a:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background-color:var(--fg2);transition:var(--delay) width,var(--delay) background-color}header#header nav>a.active{position:relative;width:fit-content;cursor:default;color:var(--fg1)}header#header nav>a.active:after{background-color:var(--fg1);width:100%}header#header nav>a:nth-child(1){animation-delay:.2s}header#header nav>a:nth-child(2){animation-delay:calc(.1s + .1s * 2)}header#header nav>a:nth-child(3){animation-delay:.4s}header#header nav div.icons{display:flex;gap:40px;align-items:center}header#header nav div.icons a.icon{line-height:0;width:var(--fsz4);height:var(--fsz4);display:flex;align-items:center;color:var(--fg2);opacity:0;animation:appear-rise .5s ease-out forwards}header#header nav div.icons a.icon:hover,header#header nav div.icons a.icon:focus{color:var(--fg1)}header#header nav div.icons a.icon svg{color:inherit;width:inherit;height:inherit;transition:var(--delay) color}header#header nav div.icons a.icon.bigger{width:var(--fsz5);height:var(--fsz5)}header#header nav div.icons a.icon:nth-child(1){animation-delay:.5s}header#header nav div.icons a.icon:nth-child(2){animation-delay:calc(.4s + .1s * 2)}header#header nav div.icons button.icon{background-color:transparent;color:var(--fg2);font-weight:var(--fw3);text-transform:uppercase;font-size:var(--fsz2);cursor:pointer;transition:var(--delay) color;opacity:0;animation:appear-rise .5s ease-out forwards;animation-delay:.7s}header#header nav div.icons button.icon:hover{color:var(--fg1)}header#header div.menu-burger{display:none;z-index:110}@media (max-width: 1000px){header#header:after{width:100%}}@media (max-width: 600px){header#header{justify-content:space-between}header#header:not(.separated){height:100px}header#header>svg{opacity:0;animation:appear .5s ease-out .5s forwards}header#header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg1);opacity:0;z-index:100;transition-delay:var(--delay)}header#header nav{gap:0;position:absolute;font-size:var(--fsz4);width:100%;background-color:var(--bg1);align-items:center;justify-content:start;flex-direction:column;left:0;padding:80px 0 0;top:0;transform:translateY(-100%);transition:var(--delay) transform,var(--delay) top,var(--delay) opacity;border-bottom:1px solid var(--sep);opacity:0;z-index:90}header#header nav>a{display:block;width:100%;padding:15px;text-align:center}header#header nav>a.active{background-color:var(--bg2);width:100%}header#header nav>a.active:after{display:none}header#header nav div.icons{width:100%;padding:15px;justify-content:center;gap:20px}header#header div.menu-burger{display:block;opacity:0;animation:appear .5s ease-out .5s forwards}header#header:has(div.menu-burger.active){background-color:var(--bg1);height:80px}header#header:has(div.menu-burger.active):before{opacity:1;transition-delay:0s}header#header:has(div.menu-burger.active):after{background-color:var(--sep)}header#header:has(div.menu-burger.active) nav{top:80px;transform:translateY(-80px);opacity:1}}footer#footer{position:absolute;bottom:0;font-size:var(--fsz1);display:flex;gap:20px;justify-content:center;align-items:center;height:60px;color:var(--fg2);width:100%;cursor:default;opacity:0;animation:appear 2s ease-out 1s forwards}footer#footer:before{content:"";position:absolute;width:95%;height:1px;background-color:var(--sep);top:0;left:50%;transform:translate(-50%)}footer#footer a{color:inherit}footer#footer a:hover,footer#footer a:focus{text-decoration:underline}footer#footer div.icons{display:flex;gap:5px;align-items:center}footer#footer div.icons a.icon{line-height:0;width:var(--fsz3);height:var(--fsz3);height:fit-content}footer#footer div.icons a.icon:hover,footer#footer div.icons a.icon:focus{color:var(--fg1)}footer#footer div.icons a.icon svg{color:inherit;width:inherit;height:inherit;transition:var(--delay) color}footer#footer div.icons a.icon.bigger{width:var(--fsz4);height:var(--fsz4)}div#home-page main#main{flex-direction:column;align-items:center!important;gap:50px;overflow:hidden;padding:30px}div#home-page section:last-child{padding-bottom:40px}div#home-page section#intro{height:70vh;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center}div#home-page section#intro div.greeting{font-size:40px;font-weight:var(--fw3);width:min(600px,100%);text-align:center;z-index:10;padding:15px;animation:appear-rise .5s ease-out}div#home-page section#intro div.greeting *{display:inline}div#home-page section#intro div.quote{color:var(--fg2)}div#home-page section#numbers{display:flex;gap:20px}div#home-page section#numbers div.card{max-width:250px;display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;opacity:0;animation:appear-rise .5s ease-out forwards}div#home-page section#numbers div.card:nth-child(1){animation-delay:.15s}div#home-page section#numbers div.card:nth-child(2){animation-delay:.3s}div#home-page section#numbers div.card:nth-child(3){animation-delay:calc(.15s * 3)}div#home-page section#numbers div.card div.number{font-size:40px;font-weight:var(--fw3);z-index:10}div#home-page section#numbers div.card div.meaning{text-align:center;color:var(--fg2)}div#home-page section#technologies{display:flex;flex-direction:column;gap:30px;align-items:center}div#home-page section#technologies div.heading{display:flex;flex-direction:column;align-items:center;gap:5px;opacity:0}div#home-page section#technologies div.heading div.title{font-size:var(--fsz5);font-weight:var(--fw3);text-align:center}div#home-page section#technologies div.heading div.description{color:var(--fg2);text-align:center}div#home-page section#technologies div.list{display:flex;flex-wrap:wrap;gap:30px 0;max-width:700px;justify-content:center}div#home-page section#technologies div.list div.item{display:flex;flex-direction:column;align-items:center;width:100px;gap:5px;justify-content:space-between;opacity:0}div#home-page section#technologies div.list div.item img{width:60px;border-radius:10px}div#home-page section#technologies div.list div.item div.name{color:var(--fg2);text-align:center}div#home-page section#technologies.reached div.heading{animation:appear-rise .5s ease-out forwards}div#home-page section#technologies.reached div.list div.item{animation:appear-rise .5s ease-out forwards}div#home-page section#technologies.reached div.list div.item:nth-child(1){animation-delay:.13s}div#home-page section#technologies.reached div.list div.item:nth-child(2){animation-delay:.16s}div#home-page section#technologies.reached div.list div.item:nth-child(3){animation-delay:.19s}div#home-page section#technologies.reached div.list div.item:nth-child(4){animation-delay:.22s}div#home-page section#technologies.reached div.list div.item:nth-child(5){animation-delay:.25s}div#home-page section#technologies.reached div.list div.item:nth-child(6){animation-delay:.28s}div#home-page section#technologies.reached div.list div.item:nth-child(7){animation-delay:.31s}div#home-page section#technologies.reached div.list div.item:nth-child(8){animation-delay:calc(.1s + .03s * 8)}div#home-page section#technologies.reached div.list div.item:nth-child(9){animation-delay:.37s}div#home-page section#technologies.reached div.list div.item:nth-child(10){animation-delay:.4s}div#home-page section#technologies.reached div.list div.item:nth-child(11){animation-delay:calc(.1s + .03s * 11)}div#home-page section#technologies.reached div.list div.item:nth-child(12){animation-delay:calc(.1s + .03s * 12)}div#home-page section#technologies.reached div.list div.item:nth-child(13){animation-delay:.49s}div#home-page section#technologies.reached div.list div.item:nth-child(14){animation-delay:.52s}div#home-page section#technologies.reached div.list div.item:nth-child(15){animation-delay:calc(.1s + .03s * 15)}div#home-page section#technologies.reached div.list div.item:nth-child(16){animation-delay:.58s}div#home-page section#technologies.reached div.list div.item:nth-child(17){animation-delay:.61s}div#home-page section#technologies.reached div.list div.item:nth-child(18){animation-delay:.64s}div#home-page section#technologies.reached div.list div.item:nth-child(19){animation-delay:calc(.1s + .03s * 19)}div#home-page section#technologies.reached div.list div.item:nth-child(20){animation-delay:.7s}@media (max-width: 800px){div#home-page section#technologies div.list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){div#home-page main#main{padding:20px}div#home-page section:last-child{padding-bottom:30px}div#home-page section#intro div.greeting{font-size:max(7vw,25px)}div#home-page section#numbers{flex-direction:column;width:100%;gap:20px}div#home-page section#numbers div.card{width:100%;max-width:none}}div.project.card{display:flex;gap:15px;border-radius:30px;flex-direction:column;opacity:0;animation:appear-rise .5s ease-out forwards}div.project.card:nth-child(1){animation-delay:0s}div.project.card:nth-child(2){animation-delay:.1s}div.project.card:nth-child(3){animation-delay:calc(.1s * 3 - .1s)}div.project.card:nth-child(4){animation-delay:calc(.1s * 4 - .1s)}div.project.card:nth-child(5){animation-delay:.4s}div.project.card:nth-child(6){animation-delay:calc(.1s * 6 - .1s)}div.project.card:nth-child(7){animation-delay:calc(.1s * 7 - .1s)}div.project.card:nth-child(8){animation-delay:calc(.1s * 8 - .1s)}div.project.card:nth-child(9){animation-delay:.8s}div.project.card:nth-child(10){animation-delay:.9s}div.project.card:nth-child(11){animation-delay:1s}div.project.card:nth-child(12){animation-delay:1.1s}div.project.card:nth-child(13){animation-delay:1.2s}div.project.card:nth-child(14){animation-delay:1.3s}div.project.card:nth-child(15){animation-delay:1.4s}div.project.card:nth-child(16){animation-delay:1.5s}div.project.card:nth-child(17){animation-delay:1.6s}div.project.card:nth-child(18){animation-delay:1.7s}div.project.card:nth-child(19){animation-delay:1.8s}div.project.card:nth-child(20){animation-delay:1.9s}div.project.card:nth-child(21){animation-delay:2s}div.project.card:nth-child(22){animation-delay:2.1s}div.project.card:nth-child(23){animation-delay:2.2s}div.project.card:nth-child(24){animation-delay:calc(.1s * 24 - .1s)}div.project.card:nth-child(25){animation-delay:2.4s}div.project.card:nth-child(26){animation-delay:2.5s}div.project.card:nth-child(27){animation-delay:2.6s}div.project.card:nth-child(28){animation-delay:2.7s}div.project.card:nth-child(29){animation-delay:calc(.1s * 29 - .1s)}div.project.card:nth-child(30){animation-delay:2.9s}div.project.card:nth-child(31){animation-delay:3s}div.project.card:nth-child(32){animation-delay:3.1s}div.project.card:nth-child(33){animation-delay:3.2s}div.project.card:nth-child(34){animation-delay:calc(.1s * 34 - .1s)}div.project.card:nth-child(35){animation-delay:3.4s}div.project.card:nth-child(36){animation-delay:3.5s}div.project.card:nth-child(37){animation-delay:3.6s}div.project.card:nth-child(38){animation-delay:3.7s}div.project.card:nth-child(39){animation-delay:calc(.1s * 39 - .1s)}div.project.card:nth-child(40){animation-delay:3.9s}div.project.card:nth-child(41){animation-delay:calc(.1s * 41 - .1s)}div.project.card:nth-child(42){animation-delay:calc(.1s * 42 - .1s)}div.project.card:nth-child(43){animation-delay:4.2s}div.project.card:nth-child(44){animation-delay:calc(.1s * 44 - .1s)}div.project.card:nth-child(45){animation-delay:4.4s}div.project.card:nth-child(46){animation-delay:calc(.1s * 46 - .1s)}div.project.card:nth-child(47){animation-delay:calc(.1s * 47 - .1s)}div.project.card:nth-child(48){animation-delay:calc(.1s * 48 - .1s)}div.project.card:nth-child(49){animation-delay:calc(.1s * 49 - .1s)}div.project.card:nth-child(50){animation-delay:4.9s}div.project.card.link{cursor:pointer;transition:var(--delay) transform}div.project.card.link:hover,div.project.card.link:focus{transform:scale(1.02);box-shadow:var(--shadow)}div.project.card .preview{line-height:0;transition:var(--delay) transform,var(--delay) box-shadow;width:100%;aspect-ratio:16/9;border:1px solid var(--sep);border-radius:10px;overflow:hidden;display:block;position:relative}div.project.card .preview:hover{cursor:pointer}div.project.card .preview video{width:100%;height:100%;position:absolute;top:0;left:0}div.project.card .preview div.ant-skeleton,div.project.card .preview div.ant-skeleton-image{width:100%;height:100%}div.project.card div.info{display:flex;flex-direction:column;gap:10px;flex-grow:1;flex-shrink:1}div.project.card div.info div.header{display:flex;align-items:center;border-bottom:1px solid var(--sep);padding-bottom:15px;gap:15px}div.project.card div.info div.header img.icon,div.project.card div.info div.header div.ant-skeleton,div.project.card div.info div.header div.ant-skeleton-image{width:58px;height:58px;border-radius:10px}div.project.card div.info div.header>svg{width:58px;height:58px;display:block;flex-shrink:0;padding:10px;color:var(--fg2);background-color:var(--bg3);border-radius:10px;border:1px solid var(--sep)}div.project.card div.info div.header div.title{color:var(--fg1);font-size:var(--fsz5);font-weight:var(--fw3);line-height:1.1em}div.project.card div.info div.header div.title a.website{display:inline;color:var(--link1);transition:var(--delay) color}div.project.card div.info div.header div.title a.website:hover,div.project.card div.info div.header div.title a.website:focus{color:var(--link2)}div.project.card div.info div.header div.title a.website svg{width:25px;height:25px;color:inherit;transform:translateY(5px)}div.project.card div.info div.description{flex-grow:1;color:var(--fg2)}div.project.card div.info div.tiles{display:flex;gap:10px;padding-top:5px;flex-wrap:wrap;align-items:center}div.project.card div.info div.tiles div.tile{display:flex;align-items:center;height:30px;gap:5px;background-color:var(--bg3);padding:5px;border-radius:8px;border:1px solid var(--sep)}div.project.card div.info div.tiles div.tile.difficulty{font-weight:var(--fw2);width:30px;justify-content:center}div.project.card div.info div.tiles div.tile.difficulty.difficulty-1{background-color:var(--bg-b);border:1px solid var(--sep-b);color:var(--fg-b)}div.project.card div.info div.tiles div.tile.difficulty.difficulty-2{background-color:var(--bg-g);border:1px solid var(--sep-g);color:var(--fg-g)}div.project.card div.info div.tiles div.tile.difficulty.difficulty-3{background-color:var(--bg-y);border:1px solid var(--sep-y);color:var(--fg-y)}div.project.card div.info div.tiles div.tile.difficulty.difficulty-4{background-color:var(--bg-o);border:1px solid var(--sep-o);color:var(--fg-o)}div.project.card div.info div.tiles div.tile.difficulty.difficulty-5{background-color:var(--bg-r);border:1px solid var(--sep-r);color:var(--fg-r)}div.project.card div.info div.tiles div.tile div.icon-wrapper{height:20px}div.project.card div.info div.tiles div.tile img{border-radius:3px;width:inherit;height:inherit}div.project.card div.info div.tiles div.tile a{line-height:0}div.project.card div.info div.tiles div.tile svg{width:20px;height:20px}div.project.card div.info div.tiles div.tile.reversed{flex-direction:row-reverse}@media (max-width: 700px){div.project.card{flex-direction:column}}@media (max-width: 600px){div.project.card{border-radius:25px}div.project.card div.info div.header img.icon{width:53px;height:53px}div.project.card div.info div.header svg{width:53px;height:53px}}div.loader{width:70px;height:70px;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-items:center;animation:spin 2s linear infinite;position:absolute;top:50%;left:50%}div.loader div.circle{background-color:var(--sep);width:60%;height:60%;border-radius:50%}div.loader div.circle:nth-child(1),div.loader div.circle:nth-child(4){animation:circle1 1s ease-in-out infinite}div.loader div.circle:nth-child(2),div.loader div.circle:nth-child(3){animation:circle2 1s ease-in-out infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(359deg)}}@keyframes circle1{0%{transform:scale(.75)}50%{transform:scale(1.25)}to{transform:scale(.75)}}@keyframes circle2{0%{transform:scale(1.25)}50%{transform:scale(.75)}to{transform:scale(1.25)}}div#projects-page div#content{display:grid!important;grid-template-columns:repeat(2,1fr);height:fit-content}@media (max-width: 800px){div#projects-page div#content{grid-template-columns:repeat(1,1fr)}div#projects-page div#content div.card.orange{grid-column:span 1!important}}div.award{display:flex;flex-direction:column;gap:5px;position:relative;grid-column:span 2;opacity:0;animation:appear-rise .5s ease-out forwards}div.award:nth-child(1){animation-delay:.05s}div.award:nth-child(2){animation-delay:.1s}div.award:nth-child(3){animation-delay:calc(.05s * 3)}div.award:nth-child(4){animation-delay:.2s}div.award:nth-child(5){animation-delay:.25s}div.award:nth-child(6){animation-delay:calc(.05s * 6)}div.award:nth-child(7){animation-delay:calc(.05s * 7)}div.award:nth-child(8){animation-delay:.4s}div.award:nth-child(9){animation-delay:.45s}div.award:nth-child(10){animation-delay:.5s}div.award:nth-child(11){animation-delay:.55s}div.award:nth-child(12){animation-delay:calc(.05s * 12)}div.award:nth-child(13){animation-delay:.65s}div.award:nth-child(14){animation-delay:calc(.05s * 14)}div.award:nth-child(15){animation-delay:.75s}div.award:nth-child(16){animation-delay:.8s}div.award:nth-child(17){animation-delay:calc(.05s * 17)}div.award:nth-child(18){animation-delay:.9s}div.award:nth-child(19){animation-delay:calc(.05s * 19)}div.award:nth-child(20){animation-delay:1s}div.award:nth-child(21){animation-delay:1.05s}div.award:nth-child(22){animation-delay:1.1s}div.award:nth-child(23){animation-delay:calc(.05s * 23)}div.award:nth-child(24){animation-delay:calc(.05s * 24)}div.award:nth-child(25){animation-delay:1.25s}div.award:nth-child(26){animation-delay:1.3s}div.award:nth-child(27){animation-delay:1.35s}div.award:nth-child(28){animation-delay:calc(.05s * 28)}div.award:nth-child(29){animation-delay:calc(.05s * 29)}div.award:nth-child(30){animation-delay:1.5s}div.award:nth-child(31){animation-delay:1.55s}div.award:nth-child(32){animation-delay:1.6s}div.award:nth-child(33){animation-delay:calc(.05s * 33)}div.award:nth-child(34){animation-delay:calc(.05s * 34)}div.award:nth-child(35){animation-delay:1.75s}div.award:nth-child(36){animation-delay:1.8s}div.award:nth-child(37){animation-delay:1.85s}div.award:nth-child(38){animation-delay:calc(.05s * 38)}div.award:nth-child(39){animation-delay:calc(.05s * 39)}div.award:nth-child(40){animation-delay:2s}div.award:nth-child(41){animation-delay:calc(.05s * 41)}div.award:nth-child(42){animation-delay:2.1s}div.award:nth-child(43){animation-delay:2.15s}div.award:nth-child(44){animation-delay:2.2s}div.award:nth-child(45){animation-delay:2.25s}div.award:nth-child(46){animation-delay:calc(.05s * 46)}div.award:nth-child(47){animation-delay:2.35s}div.award:nth-child(48){animation-delay:calc(.05s * 48)}div.award:nth-child(49){animation-delay:2.45s}div.award:nth-child(50){animation-delay:2.5s}div.award.horizontal{grid-column:span 3}div.award:not(.horizontal).outstanding{grid-column:span 4}div.award div.display{border-radius:10px;overflow:hidden;transition:var(--delay) scale,var(--delay) box-shadow}div.award div.display:has(img:not(.hidden)):hover{box-shadow:var(--shadow)}div.award div.display img,div.award div.display div.ant-skeleton,div.award div.display div.ant-skeleton-image{width:100%!important;height:100%!important;display:block}div.award div.display img.hidden{display:none}div.award div.short-info{color:var(--fg2);text-align:center;font-size:var(--fsz1)}div.award.bigger{grid-column:span 3}div.award.bigger div.display{border-radius:15px}@media (max-width: 600px){div.award:not(.horizontal){grid-column:span 3}div.award:not(.horizontal).outstanding{grid-column:span 6}div.award div.display{border-radius:10px!important}}@media (max-width: 375px){div.award.horizontal{grid-column:span 6}}div#awards-page{gap:40px}div#awards-page section.group{display:flex;flex-direction:column;align-items:center;gap:25px}div#awards-page section.group div.title{font-size:var(--fsz5);font-weight:var(--fw3);text-align:center}div#awards-page section.group div.items{display:grid;width:min(700px,100%);grid-template-columns:repeat(6,1fr);gap:20px}@media (max-width: 600px){div#awards-page section.group{gap:20px}}div#not-found-page{display:flex;align-items:center;justify-content:center;height:100vh;width:100%}div#not-found-page div.stretch{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}div#not-found-page div.stretch div.stretch-item{font-weight:900;position:absolute;display:flex;flex-direction:column;align-items:center;transition:.05s transform ease-out;user-select:none;-webkit-user-select:none;color:var(--fg1);opacity:calc((var(--i) + 1) / var(--n) / 2);scale:calc(1 - var(--d) * (var(--n) - var(--i)) / var(--n));transform:translate(calc(var(--tx) * var(--i) / var(--n) / var(--k) * 1px),calc(var(--ty) * var(--i) / var(--n) / var(--k) * 1px))}div#not-found-page div.stretch div.stretch-item:last-child{opacity:1}div#not-found-page div.stretch div.stretch-item:last-child div{-webkit-text-stroke:.02em var(--bg1)}div#not-found-page div.stretch div.stretch-item div{line-height:1em}div#not-found-page div.stretch div.stretch-item div.error-code{font-size:min(20vw,20vh)}div#not-found-page div.stretch div.stretch-item div.error-name{font-size:min(5vw,5vh)}div.ant-image-preview-mask{background-color:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}img.ant-image-preview-img{border-radius:15px;box-shadow:var(--shadow)}body div#overlay{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;transition:var(--delay) background-color,var(--delay) backdrop-filter;pointer-events:none}body.overlayed{overflow-y:hidden}body.overlayed div#overlay{background-color:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);pointer-events:all}div#root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg1);color:var(--fg1);font-size:var(--fsz3);font-weight:var(--fw1);min-height:100vh}div#root div.page{min-height:100vh}div#root div.page main#main{display:flex;justify-content:center;padding-top:110px;padding-bottom:60px;transition:var(--delay) padding;min-height:100vh;position:relative}div#root div.page main#main>div#content{width:min(1000px,100%);padding:0 30px 30px;display:flex;flex-direction:column;gap:20px}.card{background-color:var(--bg2);background:linear-gradient(var(--bg2),color-mix(in srgb,var(--bg1),var(--bg2)));padding:25px;border-radius:25px;border:1px solid var(--sep)}.card.red{background:var(--bg-r);border-color:var(--sep-r);color:var(--fg-r)}.card.orange{background:var(--bg-o);border-color:var(--sep-o);color:var(--fg-o)}.card.yellow{background:var(--bg-y);border-color:var(--sep-y);color:var(--fg-y)}.card.green{background:var(--bg-g);border-color:var(--sep-g);color:var(--fg-g)}.card.blue{background:var(--bg-b);border-color:var(--sep-b);color:var(--fg-b)}.bg1{background-color:var(--bg1)}.bg2{background-color:var(--bg2)}.bg3{background-color:var(--bg3)}.fg2{color:var(--fg2)}.fg1{color:var(--fg1)}.fsz1{font-size:var(--fsz1)}.fsz2{font-size:var(--fsz2)}.fsz3{font-size:var(--fsz3)}.fsz4{font-size:var(--fsz4)}.fsz5{font-size:var(--fsz5)}.fw1{font-weight:var(--fw1)}.fw2{font-weight:var(--fw2)}.fw3{font-weight:var(--fw3)}.accent{color:var(--accent1)}@media (max-width: 600px){main#main{padding-top:100px!important}main#main>div#content{padding:0 20px 20px!important;gap:20px!important}.card{padding:20px;border-radius:20px}}@keyframes appear{to{opacity:1}}@keyframes appear-rise{0%{transform:translateY(20px)}to{opacity:1}}:root{--bg1: hsl(240deg, 5%, 10%);--bg2: hsl(240deg, 5%, 15%);--bg3: hsl(240deg, 5%, 20%);--sep: hsl(240deg, 5%, 30%);--fg2: hsl(240deg, 5%, 65%);--fg1: hsl(240deg, 5%, 95%);--bg-r: hsl(000deg, 20%, 20%);--bg-o: hsl(030deg, 20%, 20%);--bg-y: hsl(060deg, 20%, 20%);--bg-g: hsl(120deg, 20%, 20%);--bg-b: hsl(240deg, 20%, 20%);--sep-r: hsl(000deg, 20%, 50%);--sep-o: hsl(030deg, 20%, 50%);--sep-y: hsl(060deg, 20%, 50%);--sep-g: hsl(120deg, 20%, 50%);--sep-b: hsl(240deg, 20%, 50%);--fg-r: hsl(000deg, 100%, 80%);--fg-o: hsl(030deg, 100%, 80%);--fg-y: hsl(060deg, 100%, 80%);--fg-g: hsl(120deg, 100%, 80%);--fg-b: hsl(240deg, 100%, 80%);--glass-bg: color-mix(in srgb, var(--bg1) 75%, transparent 25%);--glass-blur: blur(15px);--link1: hsl(240deg, 100%, 75%);--link2: hsl(240deg, 100%, 70%);--accent1: #ff843c;--shadow: 0 0 20px #0008;--fsz1: 14px;--fsz2: 16px;--fsz3: 18px;--fsz4: 22px;--fsz5: 26px;--fw1: 400;--fw2: 500;--fw3: 700;--delay: .2s}@media (max-width: 600px){:root{--fsz1: 12px;--fsz2: 14px;--fsz3: 16px;--fsz4: 20px;--fsz5: 24px;--fsz6: 26px}}*{margin:0;padding:0;border:none;outline:none;box-sizing:border-box}html,body{min-height:100vh;position:relative;background-color:var(--bg1)}a{color:var(--link1);text-decoration:inherit;cursor:pointer;transition:var(--delay) color}a:hover{color:var(--link2)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=file]{display:none}svg{color:var(--fg1)}