@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";body,html{padding:0;margin:0;font-family:Roboto,Oxygen,-apple-system,BlinkMacSystemFont,Segoe UI,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{text-decoration:none}.text-shadow1{text-shadow:0 0 5px #01145f}.text-light-shadow{font-family:Audiowide}@-webkit-keyframes neon3{0%{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #b6ff00,0 0 70px #b6ff00,0 0 80px #b6ff00,0 0 100px #b6ff00,0 0 150px #b6ff00}to{text-shadow:0 0 2px #fff,0 0 5px #fff,0 0 7px #fff,0 0 10px #b6ff00,0 0 35px #b6ff00,0 0 40px #b6ff00,0 0 50px #b6ff00,0 0 75px #b6ff00}}@keyframes neon3{0%{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #b6ff00,0 0 70px #b6ff00,0 0 80px #b6ff00,0 0 100px #b6ff00,0 0 150px #b6ff00}to{text-shadow:0 0 2px #fff,0 0 5px #fff,0 0 7px #fff,0 0 10px #b6ff00,0 0 35px #b6ff00,0 0 40px #b6ff00,0 0 50px #b6ff00,0 0 75px #b6ff00}}@-webkit-keyframes cwSpin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes cwSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes ccwSpin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn)}}@keyframes ccwSpin{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@-webkit-keyframes maskMove{0%{margin:0 0 0 50px}to{margin:0 0 0 350px}}@keyframes maskMove{0%{margin:0 0 0 50px}to{margin:0 0 0 350px}}
/*
! tailwindcss v3.0.24 | 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%;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}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%;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::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-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}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.left-0{left:0}.-bottom-2{bottom:-.5rem}.top-\[15px\]{top:15px}.top-\[35px\]{top:35px}.top-\[20px\]{top:20px}.bottom-24{bottom:6rem}.bottom-0{bottom:0}.z-20{z-index:20}.z-10{z-index:10}.-z-10{z-index:-10}.z-50{z-index:50}.order-1{order:1}.mx-auto{margin-left:auto;margin-right:auto}.mx-1{margin-left:.25rem;margin-right:.25rem}.-mt-10{margin-top:-2.5rem}.mt-80{margin-top:20rem}.mt-12{margin-top:3rem}.mt-6{margin-top:1.5rem}.mt-20{margin-top:5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-16{margin-bottom:4rem}.mb-4{margin-bottom:1rem}.-ml-\[90px\]{margin-left:-90px}.block{display:block}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-screen{height:100vh}.h-full{height:100%}.h-\[10\%\]{height:10%}.h-\[90\%\]{height:90%}.h-\[45vh\]{height:45vh}.h-2\.5{height:.625rem}.h-2{height:.5rem}.h-4{height:1rem}.min-h-screen{min-height:100vh}.w-screen{width:100vw}.w-full{width:100%}.w-\[140px\]{width:140px}.w-fit{width:-moz-fit-content;width:fit-content}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-4{width:1rem}.max-w-\[1440px\]{max-width:1440px}.max-w-\[390px\]{max-width:390px}.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))}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.border{border-width:1px}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/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-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-\[\#e09d44\]{--tw-bg-opacity:1;background-color:rgb(224 157 68/var(--tw-bg-opacity))}.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity))}.bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity))}.bg-opacity-20{--tw-bg-opacity:0.2}.bg-opacity-80{--tw-bg-opacity:0.8}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-indigo-500{--tw-gradient-from:#6366f1;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(99,102,241,0))}.from-\[\#9f05ff\]{--tw-gradient-from:#9f05ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(159,5,255,0))}.to-\[\#52ddf5\]{--tw-gradient-to:#52ddf5}.to-\[\#05eeff\]{--tw-gradient-to:#05eeff}.bg-fixed{background-attachment:fixed}.p-8{padding:2rem}.p-4{padding:1rem}.p-0\.5{padding:.125rem}.p-0{padding:0}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-4{padding-left:1rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-\[30px\]{font-size:30px}.text-\[25px\]{font-size:25px}.text-\[40px\]{font-size:40px}.text-\[50px\]{font-size:50px}.text-\[32px\]{font-size:32px}.text-\[22px\]{font-size:22px}.text-\[20px\]{font-size:20px}.text-\[16px\]{font-size:16px}.text-\[35px\]{font-size:35px}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-normal{font-weight:400}.leading-\[30px\]{line-height:30px}.leading-\[35px\]{line-height:35px}.leading-\[20px\]{line-height:20px}.text-\[\#FFFAFA\]{--tw-text-opacity:1;color:rgb(255 250 250/var(--tw-text-opacity))}.text-\[\#f5dc8b\]{--tw-text-opacity:1;color:rgb(245 220 139/var(--tw-text-opacity))}.text-\[\#FFFFFF\]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-\[\#FFFEFE\]{--tw-text-opacity:1;color:rgb(255 254 254/var(--tw-text-opacity))}.text-green{--tw-text-opacity:1;color:rgb(0 255 0/var(--tw-text-opacity))}.opacity-0{opacity:0}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:text-amber-500:hover{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity))}@media (min-width:640px){.sm\:mx-auto{margin-left:auto;margin-right:auto}}@media (min-width:768px){.md\:mt-20{margin-top:5rem}.md\:mt-8{margin-top:2rem}.md\:mb-0{margin-bottom:0}.md\:block{display:block}.md\:hidden{display:none}.md\:h-\[15\%\]{height:15%}.md\:w-\[400px\]{width:400px}.md\:max-w-\[768px\]{max-width:768px}.md\:max-w-full{max-width:100%}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:rounded-none{border-radius:0}.md\:p-8{padding:2rem}.md\:text-\[60px\]{font-size:60px}.md\:text-\[30px\]{font-size:30px}.md\:text-\[50px\]{font-size:50px}.md\:text-\[70px\]{font-size:70px}.md\:text-\[40px\]{font-size:40px}.md\:text-\[24px\]{font-size:24px}.md\:text-\[35px\]{font-size:35px}.md\:leading-\[45px\]{line-height:45px}.md\:leading-\[50px\]{line-height:50px}.md\:leading-\[30px\]{line-height:30px}}@media (min-width:1280px){.xl\:max-w-\[1200px\]{max-width:1200px}.xl\:max-w-\[1440px\]{max-width:1440px}.xl\:text-\[120px\]{font-size:120px}.xl\:text-\[50px\]{font-size:50px}.xl\:text-\[70px\]{font-size:70px}.xl\:text-\[90px\]{font-size:90px}.xl\:text-\[75px\]{font-size:75px}.xl\:text-\[45px\]{font-size:45px}.xl\:leading-\[60px\]{line-height:60px}.xl\:leading-\[70px\]{line-height:70px}}.blue,.green,.orange,.red{margin-top:15px;width:155px}.blue .progress,.green .progress,.orange .progress,.red .progress{position:relative;border-radius:50%;width:155px;height:155px;transition:all 1s ease}.blue .progress .inner,.green .progress .inner,.orange .progress .inner,.red .progress .inner{position:absolute;overflow:hidden;z-index:2;border-radius:50%;width:150px;height:150px;transition:all 1s ease}.blue .progress .inner .water,.green .progress .inner .water,.orange .progress .inner .water,.red .progress .inner .water{position:absolute;z-index:1;width:200%;height:200%;left:-50%;border-radius:40%;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:spin;animation-name:spin;transition:all 1s ease;-webkit-animation-duration:10s;animation-duration:10s}.blue .progress .inner .glare,.green .progress .inner .glare,.orange .progress .inner .glare,.red .progress .inner .glare{position:absolute;top:-120%;left:-120%;z-index:5;width:200%;height:200%;transform:rotate(45deg);border-radius:50%;background-color:hsla(0,0%,100%,.15);transition:all 1s ease}.blue .progress .inner .percent,.green .progress .inner .percent,.orange .progress .inner .percent,.red .progress .inner .percent{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;line-height:150px;font-size:36px;transition:all 1s ease}.green .progress{border:3px solid #53fc53;box-shadow:0 0 15px #029502}.green .progress .inner .water{background:rgba(83,252,83,.5);box-shadow:0 0 20px #03bc03}.green .progress .inner .percent{color:#03c603;text-shadow:0 0 10px #029502}.orange .progress{border:3px solid orange;box-shadow:0 0 15px orange}.orange .progress .inner .water{background:rgba(255,165,0,.5);box-shadow:0 0 20px #ffbf49}.orange .progress .inner .percent{color:orange;text-shadow:0 0 10px orange}.red .progress{border:3px solid red;box-shadow:0 0 15px #af0202}.red .progress .inner .water{background:rgba(187,9,0,.5);box-shadow:0 0 20px #fa5757}.red .progress .inner .percent{color:red;text-shadow:0 0 10px red}.blue .progress{border:3px solid blue;box-shadow:0 0 15px #1414fa}.blue .progress .inner .water{background:rgba(1,1,192,.5);box-shadow:0 0 20px #3232fc}.blue .progress .inner .percent{color:blue;text-shadow:0 0 10px blue}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.item-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto}@-webkit-keyframes dots{0%{background-position:30px 30px,50px 50px}50%{background-position:0 0,15px 15px}to{background-position:30px 30px,50px 50px}}@keyframes dots{0%{background-position:30px 30px,50px 50px}50%{background-position:0 0,15px 15px}to{background-position:30px 30px,50px 50px}}.item-card>div:first-child{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2e2e2e;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3);border-radius:10px;transform-style:preserve-3d;outline:1px solid #7cfc00;outline-offset:-15px;outline-style:groove;z-index:1;transition:all .3s ease-in-out}.item-card>div:first-child:after,.item-card>div:first-child:before,.item-card>div>div:nth-child(2),.item-card>div>div:nth-child(3){position:absolute;width:60px;height:60px;border-radius:100px;z-index:-1;content:"";border:2px solid #7cfc00;color:#7cfc00;transition:all .3s ease-in-out}.item-card>div:first-child:before{top:-15px;right:-15px}.item-card>div:first-child:after{bottom:-15px;left:-15px}.item-card>div>div:nth-child(2){top:-15px;left:-15px}.item-card>div>div:nth-child(3){bottom:-15px;right:-15px}.item-card>div>picture{position:relative;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:10px;outline:1px ridge #7cfc00;outline-offset:-10px;transform-style:preserve-3d;z-index:2}.item-card>div>picture,.item-card>div>picture:before{display:flex;flex-direction:column;transition:all .3s ease-in-out}.item-card>div>picture:before{content:"";align-items:flex-end;justify-content:flex-end;padding:0 20px 20px 0;position:absolute;transform:scale(0);border-radius:100px;width:1%;height:1%;font-size:22pt;font-weight:600;letter-spacing:-1px;color:#fff;background-color:transparent;background-image:radial-gradient(#7cfc00 .75px,transparent 0),radial-gradient(#7cfc00 .75px,rgba(0,0,0,.333) 0);background-size:30px 30px;background-position:0 0,15px 15px;opacity:0;z-index:4;filter:contrast(0);text-shadow:1px 1px 3px #000,0 0 5px #000,1px 1px 0 #000,2px 2px 0 #000,3px 3px 0 #000,4px 4px 0 #000,5px 5px 0 #000;mix-blend-mode:overlay}.item-card>div>picture:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";mix-blend-mode:color-burn;z-index:3;transition:all .3s ease-in-out}.item-card>div:first-child:hover,.portfolio-item:hover>.item-card>div:first-child{transform:rotateX(20deg) rotateY(-5deg);box-shadow:0 2px 4px #7cfc00,0 7px 13px -3px #7cfc00;outline-offset:60px;outline-style:dashed;transition:all .3s ease-in-out;cursor:pointer}.item-card>div:first-child:hover:after,.item-card>div:first-child:hover:before,.item-card>div:first-child:hover>div,.portfolio-item:hover>.item-card>div:first-child:after,.portfolio-item:hover>.item-card>div:first-child:before,.portfolio-item:hover>.item-card>div:first-child>div{width:100%;height:100%;margin:-20px;outline-offset:20px;transition:all .3s ease-in-out}.item-card>div:first-child:hover>picture,.portfolio-item:hover>.item-card>div:first-child>picture{transform:translateZ(70px) translateX(5px) translateY(10px);outline-offset:0;transition:all .3s ease-in-out}.item-card>div:first-child:hover>picture:before,.portfolio-item:hover>.item-card>div:first-child>picture:before{transform:scale(1);width:100%;height:100%;opacity:1;border-radius:0;background-position:30px 30px,50px 50px;filter:contrast(100%);-webkit-animation:dots 12s linear infinite;animation:dots 12s linear infinite;-webkit-animation-direction:forwards;animation-direction:forwards}*{margin:0;padding:0;box-sizing:border-box;color:#fff}.main_box{display:flex;width:100%;height:60%}.main_box .img{flex:1;height:100%;transition:all .3s;background-repeat:no-repeat;background-size:cover;background-position:50%;border:1px solid pink;position:relative;overflow:hidden}.main_box .img .alink{display:none;position:absolute;bottom:0;left:0;padding:0 10px;background-color:rgba(0,0,0,.7);transform-origin:0 0;transition:all .3s;white-space:nowrap;width:100%}.main_box .img:hover{flex:6}.main_box .img:hover .alink{display:block}.img1{background-image:url(../media/desolate.167b57df.png)}.img2{background-image:url(../media/BlueJestic.7f426df3.png)}.img3{background-image:url(../media/campoallecomete.b0f614bd.png)}.img4{background-image:url(../media/WebVR-ShowRoom.71aa4ad1.png)}.img6{background-image:url(../media/dex.leonicornswap.com.5072d884.png)}.img7{background-image:url(../media/innoday.3a2da0ad.png)}.img8{background-image:url(../media/test.momnpophub.f7ada8ce.png)}.img10{background-image:url(../media/RedmiShowroom.ab7b0e59.png)}.img11{background-image:url(../media/exante.9fccfc45.png)}.img12{background-image:url(../media/journalflow.f079b3ac.png)}@-webkit-keyframes item_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%)}}@keyframes item_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%)}}@media only screen and (max-width:1024px){.img:hover{flex:20}}@media only screen and (max-width:768px){.main_box{flex-direction:column;max-width:350px;height:100%}.img{flex:1;cursor:pointer;transition:all .3s;background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative}.img:hover{flex:5}}