nav{background-color:initial;background-color:#000;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px}nav ul{display:flex;justify-content:center;list-style-type:none;padding:0}nav li{margin-right:1em}button{--c:#daa520;background-color:#000;border:.3em solid var(--c);border-radius:.5em;color:var(--c);font-family:sans-serif;font-size:12px;font-weight:700;height:4em;letter-spacing:.1em;line-height:3em;margin:1em 99px 1em 1em;overflow:hidden;position:relative;text-align:center;text-transform:uppercase;transition:.5s;width:15em;z-index:1}button span{background-color:var(--c);border-radius:50%;height:100%;left:calc((var(--n) - 1)*25% - 5%);position:absolute;-webkit-transform:translateY(150%);transform:translateY(150%);transition:.5s;transition-delay:calc((var(--n) - 1)*.1s);width:30%;z-index:-1}button:hover{box-shadow:0 0 0 3px rgba(0,0,0,.7s);color:#000}button:hover span{-webkit-transform:translateY(0) scale(2);transform:translateY(0) scale(2)}button span:first-child{--n:1}button span:nth-child(2){--n:2}button span:nth-child(3){--n:3}button span:nth-child(4){--n:4}*{box-sizing:border-box;margin:0;padding:0}:root{--background:#060608;--color:#fafafa}body{align-items:center;background:#060608;background:var(--background);display:block;justify-content:center}.container{color:#fafafa;color:var(--color);display:flex;flex-direction:column;font-size:1.3rem}.right{text-align:right;width:100%}.stack{display:grid;grid-template-columns:1fr}.stack span{--stack-height:calc(100%/var(--stacks) - 1px);--inverse-index:calc(var(--stacks) - 1 - var(--index));--clip-top:calc(var(--stack-height)*var(--index));--clip-bottom:calc(var(--stack-height)*var(--inverse-index));animation:stack .34s cubic-bezier(.46,.29,0,1.24) 1 backwards calc(var(--index)*.12s),glitch 2s ease infinite 2s alternate-reverse;-webkit-clip-path:inset(var(--clip-top) 0 var(--clip-bottom) 0);clip-path:inset(var(--clip-top) 0 var(--clip-bottom) 0);font-size:2rem;font-weight:700;grid-column-start:1;grid-row-start:1}.stack span:nth-child(odd){--glitch-translate:8px}.stack span:nth-child(2n){--glitch-translate:-8px}@-webkit-keyframes stack{0%{opacity:0;text-shadow:-2px 3px 0 red,2px -3px 0 blue;-webkit-transform:translateX(-50%);transform:translateX(-50%)};60%{opacity:.5;-webkit-transform:translateX(50%);transform:translateX(50%)}80%{opacity:1;text-shadow:2px -3px 0 red,-2px 3px 0 blue;-webkit-transform:none;transform:none}to{text-shadow:none}}@keyframes stack{0%{opacity:0;text-shadow:-2px 3px 0 red,2px -3px 0 blue;-webkit-transform:translateX(-50%);transform:translateX(-50%)};60%{opacity:.5;-webkit-transform:translateX(50%);transform:translateX(50%)}80%{opacity:1;text-shadow:2px -3px 0 red,-2px 3px 0 blue;-webkit-transform:none;transform:none}to{text-shadow:none}}@-webkit-keyframes glitch{0%{text-shadow:-2px 3px 0 red,2px -3px 0 blue;-webkit-transform:translate(var(--glitch-translate));transform:translate(var(--glitch-translate))}2%{text-shadow:2px -3px 0 red,-2px 3px 0 blue}4%,to{text-shadow:none;-webkit-transform:none;transform:none}}@keyframes glitch{0%{text-shadow:-2px 3px 0 red,2px -3px 0 blue;-webkit-transform:translate(var(--glitch-translate));transform:translate(var(--glitch-translate))}2%{text-shadow:2px -3px 0 red,-2px 3px 0 blue}4%,to{text-shadow:none;-webkit-transform:none;transform:none}}.footer{background:#05b3a4;flex-direction:column;margin-top:35%;min-height:100px;padding:20px 50px}.footer,.menu,.social-icon{align-items:center;display:flex;justify-content:center;position:relative}.menu,.social-icon{flex-wrap:wrap;margin:10px 0}.menu__item,.social-icon__item{list-style:none}.social-icon__link{color:#fff;display:inline-block;font-size:2rem;margin:0 10px;transition:.5s}.social-icon__link:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.menu__link{color:#fff;display:inline-block;font-size:1.2rem;font-weight:300;margin:0 10px;opacity:.75;text-decoration:none;transition:.5s}.menu__link:hover{color:#fff;opacity:1}.footer p{color:#fff;font-size:1rem;font-weight:300;margin:15px 0 10px}.wave{background:url(https://i.imgur.com/ZAts69f.png);background-size:1000px 100px;height:100px;left:0;position:absolute;top:-100px;width:100%}.wave#wave1{-webkit-animation:animateWaves 4s linear infinite;animation:animateWaves 4s linear infinite;bottom:0;opacity:1;z-index:1000}.wave#wave2{-webkit-animation:animate 4s linear infinite!important;animation:animate 4s linear infinite!important;bottom:10px;opacity:.5;z-index:999}.wave#wave3{-webkit-animation:animateWaves 3s linear infinite;animation:animateWaves 3s linear infinite;bottom:15px;opacity:.2;z-index:1000}.wave#wave4{-webkit-animation:animate 3s linear infinite;animation:animate 3s linear infinite;bottom:20px;opacity:.7;z-index:999}@-webkit-keyframes animateWaves{0%{background-position-x:1000px}to{background-positon-x:0}}@keyframes animateWaves{0%{background-position-x:1000px}to{background-positon-x:0}}@-webkit-keyframes animate{0%{background-position-x:-1000px}to{background-positon-x:0}}@keyframes animate{0%{background-position-x:-1000px}to{background-positon-x:0}}body{margin:0}.hero-section{height:100vh;overflow:hidden;position:relative}.hero-image{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.hero-image img{height:100%;object-fit:cover;width:100%}.hero-section h2{-webkit-text-size-adjust:100%;bottom:0;font-size:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;letter-spacing:3.56px;line-height:1.5;margin:auto;position:absolute;right:0;text-align:center!important;text-align:center;text-shadow:0 0 10px #000;text-transform:uppercase;top:0}.hero-section h1,.hero-section h2{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;color:#fff;display:block;font-family:Kuunari-BlackCondensed,sans-serif;font-weight:500}.hero-section h1{-webkit-text-size-adjust:100%;font-size:3rem;letter-spacing:.125rem;line-height:1;margin-bottom:.5rem;margin-top:257px;text-align:center!important;text-shadow:0 0 40px rgba(0,0,0,.58);text-transform:uppercase}video{-webkit-filter:blur(5px);filter:blur(5px);-webkit-filter:brightness(.3);filter:brightness(.3);height:100%;object-fit:cover;width:100%}.second,.video-container{position:relative}.battery-container{position:absolute;right:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.textboxr{bottom:30px;color:#fff;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:500;letter-spacing:.125rem;line-height:4.8;margin-bottom:2rem;margin-top:257px;position:absolute;right:123px;width:300px;z-index:1}.textboxr span{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.textboxr span:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.textboxr span{display:block}@property --angle{syntax:"<angle>";initial-value:90deg;inherits:true}@property --gradX{syntax:"<percentage>";initial-value:50%;inherits:true}@property --gradY{syntax:"<percentage>";initial-value:0;inherits:true}:root{--d:2500ms;--angle:90deg;--gradX:100%;--gradY:50%;--c1:#a8efff;--c2:rgba(168,239,255,.1)}.textboxr img{-webkit-animation:borderRotate 2.5s linear infinite forwards;animation:borderRotate 2.5s linear infinite forwards;-webkit-animation:borderRotate var(--d) linear infinite forwards;animation:borderRotate var(--d) linear infinite forwards;border:.1rem solid;border-image:conic-gradient(from 90deg,rgba(168,239,255,.1),#a8efff 36deg,#a8efff 54deg,rgba(168,239,255,.1) 90deg) 30;border-image:conic-gradient(from var(--angle),var(--c2),var(--c1) 36deg,var(--c1) 54deg,var(--c2) 90deg) 30;font-size:3vw;margin:max(1rem,3vw);padding:.1vw}.box:nth-child(2){-webkit-animation:borderRadial 2.5s linear infinite forwards;animation:borderRadial 2.5s linear infinite forwards;-webkit-animation:borderRadial var(--d) linear infinite forwards;animation:borderRadial var(--d) linear infinite forwards;border-image:radial-gradient(ellipse at 100% 50%,#a8efff,#a8efff 10%,rgba(168,239,255,.1) 40%) 30;border-image:radial-gradient(ellipse at var(--gradX) var(--gradY),var(--c1),var(--c1) 10%,var(--c2) 40%) 30}@-webkit-keyframes borderRotate{to{--angle:420deg}}@keyframes borderRotate{to{--angle:420deg}}@-webkit-keyframes borderRadial{20%{--gradX:100%;--gradY:50%}40%{--gradX:100%;--gradY:100%}60%{--gradX:50%;--gradY:100%}80%{--gradX:0%;--gradY:50%}to{--gradX:50%;--gradY:0%}}@keyframes borderRadial{20%{--gradX:100%;--gradY:50%}40%{--gradX:100%;--gradY:100%}60%{--gradX:50%;--gradY:100%}80%{--gradX:0%;--gradY:50%}to{--gradX:50%;--gradY:0%}}.textboxr img{bottom:50px;display:block;height:540px;min-width:min(40rem,100%);position:absolute;right:380px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:940px;z-index:1}.textboxr img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.wrapper h2{color:#fff;display:block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:1.125rem;position:absolute;right:810px;text-shadow:0 0 19px #000;top:515px;white-space:nowrap;z-index:1}body,html{height:100%}body{background:#000;position:relative}.arrow-container{display:block;height:100px;left:50%;position:absolute;top:85%;-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg);width:100px}.arrow-container:hover .arrow{top:50%}.arrow-container:hover .arrow:before{-webkit-transform:translate(-50%,-50%) rotate(-30deg);transform:translate(-50%,-50%) rotate(-30deg)}.arrow-container:hover .arrow:after{-webkit-transform:translate(-50%,-50%) rotate(30deg);transform:translate(-50%,-50%) rotate(30deg)}.arrow{left:50%}.arrow,.arrow:after,.arrow:before{position:absolute;transition:all .4s ease}.arrow:after,.arrow:before{background:#fff;border-radius:10px;content:"";display:block;height:50px;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);-webkit-transform-origin:bottom right;transform-origin:bottom right;width:4px}.arrow:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);-webkit-transform-origin:bottom left;transform-origin:bottom left}.arrow:first-child{opacity:.3;top:15%}.arrow:nth-child(2){opacity:.6;top:35%}.arrow:nth-child(3){opacity:.9;top:55%}.battery{border:10px solid #fff;border-radius:15px;bottom:250px;box-shadow:0 0 19px #000;height:100px;left:670px;position:relative;width:230px}.battery:before{-webkit-animation:fill 5s linear 10 forwards;animation:fill 5s linear 10 forwards;-webkit-animation-delay:2s;animation-delay:2s;border-radius:5px;height:68px;left:5px;top:6px}.battery:after,.battery:before{background-color:#fff;content:"";position:absolute}.battery:after{border-bottom-right-radius:90px;border-top-right-radius:90px;height:50px;right:-30px;top:18px;width:15px}@-webkit-keyframes fill{0%{width:0}25%{width:24%}50%{width:48%}75%{width:72%}to{width:96%}}@keyframes fill{0%{width:0}25%{width:24%}50%{width:48%}75%{width:72%}to{width:96%}}.productcard-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-items:center}.productcard{align-items:center;background-color:#969191;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2),0 0 20px rgba(0,0,0,.2),0 0 40px rgba(0,0,0,.2),inset 0 0 10px rgba(0,0,0,.2);display:flex;flex-direction:column;padding:20px;text-align:center;transition:box-shadow .3s,-webkit-transform .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s;width:100%}.productcard:hover{box-shadow:0 0 20px rgba(0,0,0,.6),0 0 40px rgba(0,0,0,.6),0 0 80px rgba(0,0,0,.6),inset 0 0 20px rgba(0,0,0,.6);-webkit-transform:scale(1.05);transform:scale(1.05)}.productcard img{border-radius:10px;height:100%;margin-bottom:10px;max-height:200px;max-width:100%;object-fit:contain;width:auto}.productcard h1{font-size:18px;font-weight:700}.productcard .details,.productcard h1{margin-bottom:10px}.productcard .details p{margin:5px 0}.productcard h2{font-size:24px;font-weight:700;margin-bottom:0}body
.contact{background-color:#f8f8f8;padding:50px 0}.contact-container{margin:0 auto;max-width:800px;text-align:center}.title{margin-bottom:30px}.contact-form{grid-gap:20px;display:grid;gap:20px}.form-group{grid-gap:10px;display:grid;gap:10px}label{font-size:18px;font-weight:500}input,textarea{border:1px solid #ccc;border-radius:15px;font-size:16px;padding:10px;width:100%}.submit-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;justify-self:center;padding:10px 20px}.submit-button:hover{background-color:#0056b3;box-shadow:#000}.third{position:relative}.video-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.videothree{-webkit-filter:blur(5px);filter:blur(5px);-webkit-filter:brightness(.9);filter:brightness(.9);height:100%;object-fit:cover;width:100%}.background{align-items:center;display:flex;height:100vh;justify-content:center}.content{max-width:800px;text-align:center}.title{font-size:36px;text-shadow:2px 2px 4px #000}.description,.title{color:#fff;font-weight:500}.description{font-size:18px;margin-bottom:20px;text-shadow:2px 3px 7px #000}.fade-in{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transition:opacity .5s ease-in-out,transform .5s ease-in-out,-webkit-transform .5s ease-in-out}
/*# sourceMappingURL=main.33afd67a.css.map*/