@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Audiowide:wght@100;200;300;400;500;600;700;800;900&display=swap";/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.left-0{left:0}.bottom-0{bottom:0}.bottom-8{bottom:2rem}.bottom-4{bottom:1rem}.right-3{right:.75rem}.right-0{right:0}.top-4{top:1rem}.right-8{right:2rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.-mx-12{margin-left:-3rem;margin-right:-3rem}.-my-11{margin-bottom:-2.75rem}.-mt-11,.-my-11{margin-top:-2.75rem}.mb-2{margin-bottom:.5rem}.mr-2{margin-right:.5rem}.mb-12{margin-bottom:3rem}.ml-12{margin-left:3rem}.mt-20{margin-top:5rem}.mt-16{margin-top:4rem}.-mt-20{margin-top:-5rem}.mt-2\.5{margin-top:.625rem}.mt-2{margin-top:.5rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mr-12{margin-right:3rem}.ml-4{margin-left:1rem}.mr-6{margin-right:1.5rem}.mt-1{margin-top:.25rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-screen{height:100vh}.h-full{height:100%}.h-\[50px\]{height:50px}.h-\[40px\]{height:40px}.h-auto{height:auto}.h-\[300px\]{height:300px}.h-\[530px\]{height:530px}.h-\[210px\]{height:210px}.h-11{height:2.75rem}.h-20{height:5rem}.h-\[48px\]{height:48px}.max-h-\[15\%\]{max-height:15%}.max-h-\[10\%\]{max-height:10%}.min-h-\[330px\]{min-height:330px}.min-h-\[937px\]{min-height:937px}.min-h-\[15\%\]{min-height:15%}.min-h-\[10\%\]{min-height:10%}.w-screen{width:100vw}.w-full{width:100%}.w-\[50px\]{width:50px}.w-\[325px\]{width:325px}.w-\[320px\]{width:320px}.w-\[300px\]{width:300px}.w-\[380px\]{width:380px}.w-20{width:5rem}.w-0{width:0}.w-\[48px\]{width:48px}.min-w-\[380px\]{min-width:380px}.max-w-\[1440px\]{max-width:1440px}.max-w-\[500px\]{max-width:500px}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded{border-radius:.25rem}.border-2{border-width:2px}.border{border-width:1px}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-\[\#000000\]{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-\[\#272727\]{--tw-bg-opacity:1;background-color:rgb(39 39 39/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-opacity-20{--tw-bg-opacity:0.2}.bg-opacity-0{--tw-bg-opacity:0}.bg-opacity-70{--tw-bg-opacity:0.7}.bg-opacity-60{--tw-bg-opacity:0.6}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-\[\#0206f7\]{--tw-gradient-from:#0206f7;--tw-gradient-to:rgba(2,6,247,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\[\#90acfa\]{--tw-gradient-to:#90acfa}.p-3{padding:.75rem}.p-2\.5{padding:.625rem}.p-2{padding:.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-28{padding-top:7rem;padding-bottom:7rem}.py-\[20px\]{padding-top:20px;padding-bottom:20px}.px-\[25px\]{padding-left:25px;padding-right:25px}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.px-4{padding-left:1rem;padding-right:1rem}.pb-20{padding-bottom:5rem}.pt-6{padding-top:1.5rem}.pt-28{padding-top:7rem}.pt-8{padding-top:2rem}.pt-12{padding-top:3rem}.text-center{text-align:center}.text-right{text-align:right}.text-\[16px\]{font-size:16px}.text-\[30px\]{font-size:30px}.text-\[28px\]{font-size:28px}.text-\[calc\(6vw\)\]{font-size:calc(6vw)}.text-\[44px\]{font-size:44px}.text-\[20px\]{font-size:20px}.text-\[14px\]{font-size:14px}.text-\[26px\]{font-size:26px}.text-\[40px\]{font-size:40px}.text-\[50px\]{font-size:50px}.text-\[45px\]{font-size:45px}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[12px\]{font-size:12px}.text-\[150\%\]{font-size:150%}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.leading-\[24px\]{line-height:24px}.leading-\[55px\]{line-height:55px}.leading-\[40px\]{line-height:40px}.leading-\[22px\]{line-height:22px}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-\[\#deb887\]{--tw-text-opacity:1;color:rgb(222 184 135/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-40{opacity:.4}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--max-width:1100px;--border-radius:12px;--font-mono:Roboto,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--primary-glow:conic-gradient(from 180deg at 50% 50%,#16abff33 0deg,#0885ff33 55deg,#54d6ff33 120deg,#0071ff33 160deg,transparent 360deg);--secondary-glow:radial-gradient(#fff,hsla(0,0%,100%,0));--tile-start-rgb:239,245,249;--tile-end-rgb:228,232,233;--tile-border:conic-gradient(#00000080,#00000040,#00000030,#00000020,#00000010,#00000010,#00000080);--callout-rgb:238,240,241;--callout-border-rgb:172,175,176;--card-rgb:180,185,188;--card-border-rgb:131,134,135}@media(prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--primary-glow:radial-gradient(rgba(1,65,255,.4),rgba(1,65,255,0));--secondary-glow:linear-gradient(to bottom right,rgba(1,65,255,0),rgba(1,65,255,0),rgba(1,65,255,.3));--tile-start-rgb:2,13,46;--tile-end-rgb:2,5,19;--tile-border:conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80);--callout-rgb:20,20,20;--callout-border-rgb:108,108,108;--card-rgb:100,100,100;--card-border-rgb:200,200,200}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{color:#deb887;background:#000}.canvas{position:absolute!important;top:0;left:0}.canvas,canvas{width:100vw!important;height:100vh!important}canvas{pointer-events:auto}.portfolio-item{box-shadow:1px 1px 4px 4px hsla(240,5%,41%,.3)}.portfolio-item span{padding:4px 10px;margin:0 5px 5px 0;border-radius:12px;font-size:11px;color:#fff;background-color:rgba(81,62,255,.188);border:1px solid gray}.portfolio-item .image-wrapper span{border-radius:6px}.contact-message{box-shadow:0 1px 2px 0 hsla(0,0%,100%,.4),0 2px 6px 2px hsla(0,0%,100%,.4)}.contact-input{width:100%;padding:6px 10px;outline:none;margin-bottom:12px;background-color:transparent;border-radius:.4em;box-shadow:inset 0 1px 2px 0 hsla(0,0%,100%,.4),inset 1px 2px 2px 1px hsla(0,0%,100%,.4)}.contact-text{margin-bottom:12px;text-shadow:1px 1px 3px hsla(0,0%,100%,.7)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#050505}::-webkit-scrollbar-thumb{border-radius:5px;background:#deb887}::-webkit-scrollbar-thumb:hover{background:#deb887}#menu-button{right:0;padding-top:15px;z-index:30!important;pointer-events:auto;cursor:pointer}.menu-button-bar{width:24px;height:4px;background:#fff;margin-left:auto;margin-right:auto;margin-bottom:3px;border-radius:2px;transition:transform .5s}#menu-button-scale-container{transform-origin:top right;width:100%;height:100%}.orange-hover{background-color:#deb887;background-image:radial-gradient(circle at center,#deb887 50%,transparent 0);background-repeat:no-repeat;transition:background-size .3s;background-size:0 0;background-position:50% 50%}.orange-hover:hover{background-size:200% 200%}.overlay-button{width:48px;height:48px;border-radius:15px}.menu_item{min-height:10%;max-height:10%;display:flex;align-items:center;width:240px;margin:0 auto;cursor:pointer}.menu_item,.menu_item .menu-title{position:relative}.menu_item .menu-title:after{width:0;transition:width .5s}.menu_item .menu-title:after,.menu_item .menu-title:hover:after{content:"";position:absolute;left:0;bottom:0;border-bottom:2px solid #deb887}.menu_item .menu-title:hover:after{width:100%}@media(prefers-color-scheme:dark){html{color-scheme:dark}}.hover\:cursor-pointer:hover{cursor:pointer}@media (min-width:768px){.md\:order-last{order:9999}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:mb-12{margin-bottom:3rem}.md\:mt-10{margin-top:2.5rem}.md\:block{display:block}.md\:hidden{display:none}.md\:h-screen{height:100vh}.md\:h-full{height:100%}.md\:h-\[500px\]{height:500px}.md\:min-h-\[300px\]{min-height:300px}.md\:w-\[500px\]{width:500px}.md\:w-\[380px\]{width:380px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:items-center{align-items:center}.md\:gap-16{gap:4rem}.md\:p-6{padding:1.5rem}.md\:px-20{padding-left:5rem;padding-right:5rem}.md\:py-0{padding-top:0;padding-bottom:0}.md\:pt-8{padding-top:2rem}.md\:text-left{text-align:left}.md\:text-\[28px\]{font-size:28px}.md\:text-\[20px\]{font-size:20px}.md\:text-\[36px\]{font-size:36px}.md\:text-\[3vw\]{font-size:3vw}.md\:text-\[30px\]{font-size:30px}.md\:text-\[55px\]{font-size:55px}.md\:opacity-100{opacity:1}}@media (min-width:1024px){.lg\:justify-start{justify-content:flex-start}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.loading-circle{width:200px;height:60px;position:relative;overflow:visible;margin:0;left:50%;top:50%;transform:translate(-50%,-50%)}.circle{width:20px;height:20px;position:absolute;border-radius:50%;background-color:#deb887;left:15%;transform-origin:50%;animation:circle 1s ease infinite alternate}@keyframes circle{0%{top:60px;height:5px;border-radius:50px 50px 25px 25px;transform:scaleX(1.7)}40%{height:20px;border-radius:50%;transform:scaleX(1)}to{top:0}}.circle:nth-child(2){left:45%;animation-delay:.2s}.circle:nth-child(3){left:auto;right:15%;animation-delay:.3s}.shadow{width:20px;height:4px;border-radius:50%;background-color:hsla(0,1%,44%,.5);position:absolute;top:62px;transform-origin:50%;z-index:-1;left:15%;filter:blur(1px);animation:shadow 1s ease infinite alternate}@keyframes shadow{0%{transform:scaleX(1.5)}40%{transform:scaleX(1);opacity:.7}to{transform:scaleX(.2);opacity:.4}}.shadow:nth-child(4){left:45%;animation-delay:.2s}.shadow:nth-child(5){left:auto;right:15%;animation-delay:.3s}.loading-text{position:relative;display:flex;justify-content:center}.loading-text span{position:relative;display:inline-block;font-size:25px;padding:0 2px;color:#deb887;animation:flip 1.4s infinite}.loading-text span:first-child{-webkit-animation-delay:0s}.loading-text span:nth-child(2){-webkit-animation-delay:.2s}.loading-text span:nth-child(3){-webkit-animation-delay:.4s}.loading-text span:nth-child(4){-webkit-animation-delay:.6s}.loading-text span:nth-child(5){-webkit-animation-delay:.8s}.loading-text span:nth-child(6){-webkit-animation-delay:1s}.loading-text span:nth-child(7){-webkit-animation-delay:1.2s}@keyframes flip{0%,80%{transform:rotateY(1turn)}}.animate-text1{color:#221104;font-family:Media Sans Semicondensed;font-weight:700;position:relative;text-transform:uppercase;-webkit-text-stroke:.25vw #deb887;text-shadow:3px 3px 5px #3b3b3b}.animate-text1:before{top:0;left:0;width:0;height:100%;color:#deb887;overflow:hidden;position:absolute;content:attr(data-text);-webkit-text-stroke:0 #deb887;text-shadow:2px 2px 2px #41403e}.delay0:before{animation:animate-delay0 6s linear infinite}.delay1:before{animation:animate-delay1 6s linear infinite}.delay2:before{animation:animate-delay2 6s linear infinite}@keyframes animate-delay0{0%,20%,to{width:0}70%,90%{width:100%}}@keyframes animate-delay1{0%,10%,to{width:0}40%,90%{width:100%}}@keyframes animate-delay2{0%,40%,to{width:0}70%,90%{width:100%}}.animate-text2 span{font-family:Media Sans Semicondensed;color:#deb887;text-shadow:0 0 0 #fff;opacity:0;animation:animate2 1.8s ease-in-out infinite alternate;-webkit-animation:animate2 1.8s ease-in-out infinite alternate}@keyframes animate2{to{text-shadow:0 0 30px #fff;color:#deb887;opacity:1}}.animate-text2 span:first-child{animation-delay:.1s;-webkit-animation-delay:.1s}.animate-text2 span:nth-child(2){animation-delay:.2s;-webkit-animation-delay:.2s}.animate-text2 span:nth-child(3){animation-delay:.3s;-webkit-animation-delay:.3s}.animate-text2 span:nth-child(4){animation-delay:.4s;-webkit-animation-delay:.4s}.animate-text2 span:nth-child(5){animation-delay:.5s;-webkit-animation-delay:.5s}.animate-text2 span:nth-child(6){animation-delay:.6s;-webkit-animation-delay:.6s}.animate-text2 span:nth-child(7){animation-delay:.7s;-webkit-animation-delay:.7s}.animate-text2 span:nth-child(8){animation-delay:.8s;-webkit-animation-delay:.8s}.animate-text2 span:nth-child(9){animation-delay:.9s;-webkit-animation-delay:.9s}.animate-text2 span:nth-child(10){animation-delay:1s;-webkit-animation-delay:1s}.animate-text2 span:nth-child(11){animation-delay:1.1s;-webkit-animation-delay:1.1s}.animate-text2 span:nth-child(12){animation-delay:1.2s;-webkit-animation-delay:1.2s}.animate-text2 span:nth-child(13){animation-delay:1.3s;-webkit-animation-delay:1.3s}.animate-text2 span:nth-child(14){animation-delay:1.4s;-webkit-animation-delay:1.4s}.animate-text2 span:nth-child(15){animation-delay:1.5s;-webkit-animation-delay:1.5s}.animate-text2 span:nth-child(16){animation-delay:1.6s;-webkit-animation-delay:1.6s}.animate-text2 span:nth-child(17){animation-delay:1.7s;-webkit-animation-delay:1.7s}.animate-text2 span:nth-child(18){animation-delay:1.8s;-webkit-animation-delay:1.8s}.animate-text2 span:nth-child(19){animation-delay:1.9s;-webkit-animation-delay:1.9s}.animate-text2 span:nth-child(20){animation-delay:2s;-webkit-animation-delay:2s}.animate-text2 span:nth-child(21){animation-delay:2.1s;-webkit-animation-delay:2.1s}.animate-text2 span:nth-child(22){animation-delay:2.2s;-webkit-animation-delay:2.2s}.animate-text3 .text__frame__list{animation-name:change;animation-duration:5s;animation-iteration-count:infinite;-webkit-animation-name:change;-webkit-animation-duration:5s;-webkit-animation-iteration-count:infinite}.animate-text3 .text__frame__list__item{padding:2px 0}@keyframes change{0%,15%,to{transform:translateZ(0)}20%,35%{transform:translate3d(0,-33.3%,0)}40%,55%{transform:translate3d(0,-66.6%,0)}60%,75%{transform:translate3d(0,-33.3%,0)}80%,95%{transform:translateZ(0)}}.section-title{position:relative}.section-title h2:first-child{color:transparent;position:relative;-webkit-text-stroke:1px #deb887}.section-title h2:nth-child(2){color:#deb887;position:absolute;transform:translateY(-100%);animation:section-title-animate 2s ease-in-out infinite}@keyframes section-title-animate{0%,to{-webkit-clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%);clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%)}50%{-webkit-clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%);clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%)}}.contact-button a{position:relative;width:200px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14pt;font-weight:600;outline:1px solid #deb887;border:1px dotted #deb887;text-decoration:none;text-transform:uppercase;color:#deb887;margin-top:17px;overflow:hidden;z-index:1;box-shadow:0 0 0 2px rgba(6,24,44,.4),0 4px 6px -1px rgba(6,24,44,.65),inset 0 1px 0 hsla(0,0%,100%,.08);transition:all .3s ease-in-out}.contact-button a:before{left:-50%}.contact-button a:after,.contact-button a:before{position:absolute;top:0;width:50%;height:100%;background:#deb887;content:"";z-index:-1;transition:all .3s ease-in-out}.contact-button a:after{right:-50%}.contact-button a:hover:before{left:0;transition:all .3s ease-in-out}.contact-button a:hover:after{right:0;transition:all .3s ease-in-out}.contact-button a:hover{color:#000;outline-offset:10px;transition:all .3s ease-in-out}@media screen and (max-width:768px){.contact-button a{width:150px;height:50px;font-size:12pt;font-weight:500}}.content-front:nth-child(2):after{content:""}.bg-header{background-color:rgba(16,255,0,.2);padding:12px 20px;box-shadow:0 1px 15px rgba(0,0,0,.04),0 1px 6px rgba(0,0,0,.04)}.welcome-board-name{font-family:Vast Shadow,cursive;color:#fff;font-size:2.3em;text-shadow:1px 2px 3px #03802a}.content-inner{max-width:340px;max-height:470px!important;margin-left:auto;margin-right:auto;color:#fff;transform-style:preserve-3d;perspective:1000px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:.9s cubic-bezier(.68,-.55,.265,1.55);cursor:move}.content-inner,.fl-wrap{width:100%;position:relative}.fl-wrap{float:left}.content-front{background:#292929;position:relative;background-image:linear-gradient(180deg,rgba(0,38,255,.8) 60%,hsla(0,0%,100%,.7) 90%)!important}.content-inner>*{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:.9s cubic-bezier(.68,-.55,.265,1.55)}.cf-inner:after,.cf-inner:before{position:absolute;height:50px;border-color:hsla(0,0%,100%,.4)}.cf-inner:before{top:20px;left:20px;border-left:1px solid;border-top:1px solid}.bg{z-index:1;background-size:cover;background-attachment:scroll;background-position:50%;background-repeat:repeat;background-origin:content-box}.bg,.overlay{position:absolute;top:0;left:0;width:100%;height:100%}.overlay{background:#000;opacity:.4;z-index:3}.inner ul{display:grid;margin-top:12px}.content-inner .cf-inner .inner h2{position:relative;font-size:22px;font-weight:800;padding-bottom:20px}.content-inner .cf-inner .inner h2:before{content:"";position:absolute;left:calc(50% - 40px);bottom:16px;width:80px;height:2px}.content-inner .content-front li{display:inline-block;color:#dda;font-size:18px;margin:0 10px}.cf-inner:after{bottom:20px;right:20px;border-right:1px solid;border-bottom:1px solid}.content-inner .content-back,.content-inner .content-front{height:100%;display:flex;justify-content:center;align-items:center}.content-inner .cf-inner .inner,.content-inner .content-back,.content-inner .content-front{position:relative;transform-style:preserve-3d;perspective:1000px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.content-inner .cf-inner .inner{align-items:stretch;transform:translateZ(95px) scale(.81);text-align:center;z-index:2}.content-inner:hover .content-front{transform:rotateY(-180deg)}.content-inner:hover .content-back{transform:rotateY(0deg)}.content-inner .content-back{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;transform:rotateY(180deg);background:#292929;background-image:url(https://images.unsplash.com/photo-1478760329108-5c3ed9d495a0?ixlib=rb-1.2.1&auto=format&fit=crop&w=667&q=80)}.content-inner .cf-inner{transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;padding:150px 20px}.serv-price-wrap{background:hsla(0,0%,100%,.05);padding:15px 30px;margin-top:14px;font-size:11px;text-transform:uppercase;letter-spacing:2px}.content-inner .cf-inner .inner h2:before{background:#00bcd4}.cf-inner:after,.inner:before{content:"";position:absolute;width:50px;height:50px;border-color:hsla(0,0%,100%,.4);z-index:10}.cf-inner:after,.cf-inner:before{content:"";position:absolute!important;width:50px;height:250px;border-color:rgba(0,188,212,.33);z-index:10}.dec-icon{padding-bottom:40px;width:100px;margin:-50px auto 0}.content-back .cf-inner .inner{height:100%}.custom-cursor{width:3rem;height:3rem;border:1px solid hsla(0,0%,100%,.7);border-radius:100%;background:hsla(0,0%,80%,.2);position:absolute;z-index:5;transform:translate(-50%,-50%);pointer-events:none}.btn-circle{width:4rem;height:4rem;border-radius:100rem;display:flex;justify-content:center;align-items:center}.btn-pTSecond{margin-top:2rem;border:1px solid red;transform:scale(.8);transform-origin:left center;transition:.3s}.btn-pTSecond:focus,.btn-pTSecond:hover{transform:scale(1)}.btn-pTSecond:before{content:"";width:100%;height:100%;border-radius:inherit;position:absolute;background:var(--gradient-2);transform:scale(0);transition:.6s}:root{--color1:#00e7ff;--color2:#ff00e7}.card{width:100%;height:100%;position:relative;overflow:hidden;z-index:10;touch-action:none;border-radius:10px;box-shadow:-5px -5px 5px -5px var(--color1),5px 5px 5px -5px var(--color2),-7px -7px 10px -5px transparent,7px 7px 10px -5px transparent,0 0 5px 0 hsla(0,0%,100%,0),0 25px 25px -20px rgba(0,0,0,.5);transition:transform .5s ease,box-shadow .2s ease;will-change:transform,filter;background-color:#361306;background-image:var(--front);background-size:cover;background-repeat:no-repeat;background-position:50% 50%;transform-origin:center}.card:hover{box-shadow:-20px -20px 30px -25px var(--color1),20px 20px 30px -25px var(--color2),-7px -7px 10px -5px var(--color1),7px 7px 10px -5px var(--color2),0 0 13px 4px hsla(0,0%,100%,.3),0 35px 35px -20px rgba(0,0,0,.5)}.card:after,.card:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background-repeat:no-repeat;opacity:.5;mix-blend-mode:color-dodge;transition:all .33s ease;pointer-events:none}.card:before{background-size:300% 300%;background-image:linear-gradient(115deg,transparent 0,var(--color1) 25%,transparent 47%,transparent 53%,var(--color2) 75%,transparent 100%);opacity:.5;filter:brightness(.8) contrast(.2);z-index:1}.card:after,.card:before{background-position:50% 50%}.card:after{background-size:160%;background-blend-mode:overlay;z-index:2;filter:brightness(1) contrast(1);transition:all .33s ease;mix-blend-mode:color-dodge;opacity:.25}.card.active:after,.card:hover:after{opacity:.5}.card.active,.card:hover{transition:box-shadow .1s ease-out}.card.active:before,.card:hover:before{background-image:linear-gradient(110deg,transparent 25%,var(--color1) 48%,var(--color2) 52%,transparent 75%);background-position:50% 50%;background-size:250% 250%;opacity:.88;transition:none}.demo .card{background-image:var(--back);font-size:2vh}.demo .card>span{position:relative;top:45%}.demo .card:first-of-type,.demo .card:nth-of-type(2),.demo .card:nth-of-type(3){width:20vh;height:27.5vh}.demo .card:first-of-type:after,.demo .card:first-of-type:before{display:none}.demo .card:nth-of-type(2){background:none}.demo .card:nth-of-type(2) :before{display:none}.demo .card:nth-of-type(3){background:none}.demo .card:nth-of-type(3) :after{display:none}.operator{display:inline-block;vertical-align:middle;font-size:6vh}#app{position:relative;z-index:100}.cards,.demo{display:flex;align-items:center;position:relative;z-index:1;transform:translate3d(.1px,.1px,.1px)}.demo{flex-direction:row;justify-content:center}@media screen and (min-width:600px){.cards{flex-direction:row}}