@font-face{font-family:Nunito;src:url(../font/Nunito-Regular.ttf)}@font-face{font-family:Komika;src:url(../font/KOMTXT__.ttf)}html{font-family:Nunito,sans-serif;font-size:16px;background-color:#111}body{background-color:transparent;color:#fff;padding:0;margin:0;height:100vh;font-size:clamp(13px,.46875vw + 11.2px,16px);line-height:1.3;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}h1{font-family:Komika,sans-serif;font-size:2rem;margin:0;padding:0}h2{font-size:1rem;margin:0;padding:0}h3{font-family:Komika,sans-serif;font-size:1.5rem;margin:0;padding:0}img.bg{min-height:100%;min-width:1024px;width:100%;height:auto;position:fixed;top:0;left:0}div.container{padding:.5rem;display:grid;grid-template-areas:"header" "main" "footer";gap:.5rem;@media (min-width:640px){grid-template-columns:4fr 1fr;grid-template-areas:"header header" "main navigation" "footer footer"}}header{grid-area:header;padding:1rem;background-color:#0005;border-radius:.5rem}main{grid-area:main;padding:1rem;background-color:#0005;border-radius:.5rem;@media (max-width:640px){margin-bottom:6rem}}nav.main{@media (max-width:640px){display:none}@media (min-width:640px){//display: block;grid-area:navigation}}nav ul{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:1rem;margin:0}nav ul li a{background-color:#3338;display:flex;gap:1rem;align-items:center;padding:.5rem;font-size:1.2rem;text-decoration:none;border-radius:.5rem;color:#fff}@media (min-width:640px){div.container{padding:1rem;gap:1rem}}@media (min-width: 1024px){div.container{max-width:64rem;margin:0 auto;padding:1rem;gap:1rem}}a{color:#fff}body{margin:0;height:100vh}@keyframes firework{0%{transform:translate(var(--x),var(--initialY));width:var(--initialSize);opacity:1}50%{width:.5vmin;opacity:1}to{width:var(--finalSize);opacity:0}}.firework,.firework:before,.firework:after{--initialSize: .5vmin;--finalSize: 45vmin;--particleSize: .2vmin;--color1: yellow;--color2: khaki;--color3: white;--color4: lime;--color5: gold;--color6: mediumseagreen;--y: -30vmin;--x: -50%;--initialY: 60vmin;content:"";animation:firework 2s infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,var(--y));width:var(--initialSize);aspect-ratio:1;background:radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 50% 0%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 100% 50%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 50% 100%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 0% 50%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 80% 90%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 95% 90%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 90% 70%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 100% 60%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 55% 80%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 70% 77%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 22% 90%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 45% 90%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 33% 70%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 10% 60%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 31% 80%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 28% 77%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 13% 72%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 80% 10%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 95% 14%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 90% 23%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 100% 43%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 85% 27%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 77% 37%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 60% 7%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 22% 14%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 45% 20%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 33% 34%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 10% 29%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 31% 37%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 28% 7%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 13% 42%;background-size:var(--initialSize) var(--initialSize);background-repeat:no-repeat}.firework:before{--x: -50%;--y: -50%;--initialY: -50%;transform:translate(-50%,-50%) rotate(40deg) scale(1.3) rotateY(40deg)}.firework:after{--x: -50%;--y: -50%;--initialY: -50%;transform:translate(-50%,-50%) rotate(170deg) scale(1.15) rotateY(-30deg)}.firework:nth-child(2){--x: 30vmin}.firework:nth-child(2),.firework:nth-child(2):before,.firework:nth-child(2):after{--color1: pink;--color2: violet;--color3: fuchsia;--color4: orchid;--color5: plum;--color6: lavender;--finalSize: 40vmin;left:30%;top:60%;animation-delay:-.25s}.firework:nth-child(3){--x: -30vmin;--y: -50vmin}.firework:nth-child(3),.firework:nth-child(3):before,.firework:nth-child(3):after{--color1: cyan;--color2: lightcyan;--color3: lightblue;--color4: PaleTurquoise;--color5: SkyBlue;--color6: lavender;--finalSize: 35vmin;left:70%;top:60%;animation-delay:-.4s}*{box-sizing:border-box}body.active{height:100vh;overflow:hidden}@media (min-width: 640px){.material-menu-wrapper{display:none}}@media (max-width: 640px){.material-menu-wrapper{position:fixed;top:0;bottom:0;right:0;width:16em;overflow:hidden;z-index:99999}.material-menu{position:relative;z-index:1;width:100%;height:100%;background:transparent}.material-btn{will-change:transform;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;position:absolute;z-index:2;bottom:20px;right:20px;width:75px;height:75px;background:transparent;cursor:pointer}.material-btn.active:before{transform:scale(18)}}@media (max-width: 640px) and (min-height: 800px){.material-btn.active:before{transform:scale(25)}}@media (max-width: 640px){.material-btn:active:before{opacity:.75}.material-btn:before{content:"";position:absolute;top:0;left:0;z-index:-1;width:75px;height:75px;background:#fff;border-radius:50%;box-shadow:0 5px 10px #00000080;cursor:pointer;transform-origin:center 70%;transform:scale(1);transition:all .35s ease-out}.material-content{padding:10% 15%;position:absolute;top:0;right:0;display:none}.material-content.active{z-index:2;display:block}nav.mobile li{will-change:transform,opacity;transform:translateY(100px);opacity:0;transition:all .4s ease-out}nav.mobile li.active{transform:translateY(0);opacity:1}nav.mobile li:nth-child(1){transition-delay:.1s}nav.mobile li:nth-child(2){transition-delay:.2s}nav.mobile li:nth-child(3){transition-delay:.3s}nav.mobile li:nth-child(4){transition-delay:.4s}.material-hamburger{transition:all .3s ease-out}.material-hamburger .material-patty{will-change:transform,opacity;width:32px;height:3px;margin:0 0 6px;background:#333;opacity:1;transform:translate(0) rotate(0);transition:all .2s ease-out}.material-hamburger .material-patty:last-child{margin-bottom:0}.material-hamburger.material-close{transform:rotate(-180deg)}.material-hamburger.material-close .material-patty:nth-child(1){transform:translate(-10px,4px) rotate(-45deg) scaleX(.5)}.material-hamburger.material-close .material-patty:nth-child(3){transform:translate(-10px,-4px) rotate(45deg) scaleX(.5)}}div.container{will-change:transform,opacity;transition:all .35s ease-out}div.container.active{opacity:0;transform:translate(-700px)}