@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Golos+Text&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
/*! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;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;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height: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{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[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}}.absolute{position:absolute}.\!relative{position:relative!important}.relative{position:relative}.-top-32{top:-8rem}.bottom-0{bottom:0}.bottom-48{bottom:12rem}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.top-0{top:0}.top-1\/2{top:50%}.top-12{top:3rem}.top-20{top:5rem}.top-28{top:7rem}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-bottom:2rem;margin-top:2rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.\!h-96{height:24rem!important}.h-12{height:3rem}.h-96{height:24rem}.max-h-\[125px\]{max-height:125px}.max-h-\[300px\]{max-height:300px}.max-h-\[400px\]{max-height:400px}.min-h-screen{min-height:100vh}.\!w-96{width:24rem!important}.w-12{width:3rem}.w-20{width:5rem}.w-32{width:8rem}.w-56{width:14rem}.w-60{width:15rem}.w-96{width:24rem}.w-full{width:100%}.min-w-\[150px\]{min-width:150px}.max-w-\[125px\]{max-width:125px}.max-w-\[300px\]{max-width:300px}.max-w-\[400px\]{max-width:400px}.max-w-\[600px\]{max-width:600px}.max-w-screen-md{max-width:768px}.flex-shrink-0{flex-shrink:0}.origin-top-left{transform-origin:top left}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-y-1\/2{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))}.translate-y-1\/2{--tw-translate-y:50%}.rotate-\[35deg\]{--tw-rotate:35deg;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))}.-scale-100{--tw-scale-x:-1;--tw-scale-y:-1}.-scale-100,.-scale-x-100{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))}.-scale-x-100{--tw-scale-x:-1}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.\!items-start{align-items:flex-start!important}.\!items-center{align-items:center!important}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-2{row-gap:.5rem}.overflow-hidden{overflow:hidden}.rounded-md{border-radius:.375rem}.\!bg-primary{background-color:var(--color-primary)!important}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-transparent{background-color:transparent}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-8{padding-bottom:2rem}.pt-8,.py-8{padding-top:2rem}.text-left{text-align:left}.\!text-center{text-align:center!important}.text-center{text-align:center}.\!text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.\!font-medium{font-weight:500!important}.font-medium{font-weight:500}.font-normal{font-weight:400}.\!text-primary{color:var(--color-primary)!important}.text-light{color:var(--color-light)}.text-primary{color:var(--color-primary)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--color-primary:#419fcc;--color-secondary:#1f272f;--color-dark:#161c21;--color-light:#c5c5c5;--color-secondary-overlay:#1f272f9d}.project__name{flex-direction:column;justify-content:center}.card,.header,.nav,.nav__list,.project,.project__name,.skill__item,.statistics__list,.titles,.works__cards{align-items:center;display:flex}.project__img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hero__img,.project__img img{-o-object-position:center;object-position:center}.hero__img{-o-object-fit:contain;object-fit:contain}.btn,.btn-primary,.btn-secondary,.btn-white,.btn-white-secondary,.card,.customIcon__square,.field__input,.field__textarea,.rounded-element,.tag,.tag-primary,.tag-transparent{border-radius:4px}.btn,.btn-full:before,.btn-primary,.btn-primary:after,.btn-secondary,.btn-secondary:after,.btn-white,.btn-white-secondary,.btn-white-secondary:after,.btn-white:after,.btn:after,.card,.card .text-light,.card .text-primary,.card__name,.custom-line,.custom-line-center,.custom-line-center:after,.custom-line-center:before,.custom-line-left,.custom-line-left:after,.custom-line-left:before,.custom-line-right,.custom-line-right:after,.custom-line-right:before,.custom-line:after,.custom-line:before,.field__input,.field__label,.field__textarea,.header-bg,.hero__img-container:before,.link,.link-dark,.link-dark:after,.link-primary,.link-primary:after,.link-secondary,.link-secondary:after,.link-white,.link-white:after,.link:after,.project,.project-slide,.project__content,.project__icon,.project__img:before,.project__name,.skill__item,.skill__progress,.skill__progress-bar:before,.tag,.tag-primary,.tag-transparent{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.splide .splide__pagination{bottom:-32px}.link,.link-dark,.link-primary,.link-secondary,.link-white{align-items:center;display:inline-flex;font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:500;letter-spacing:.025em;margin-bottom:2px;position:relative;width:-moz-fit-content;width:fit-content;z-index:10}.link-dark:after,.link-primary:after,.link-secondary:after,.link-white:after,.link:after{bottom:-2px;content:"";height:2px;left:0;position:absolute;width:0;z-index:2}.is-active.link-dark,.is-active.link-primary,.is-active.link-secondary,.is-active.link-white,.link-dark:active,.link-dark:focus,.link-dark:hover,.link-primary:active,.link-primary:focus,.link-primary:hover,.link-secondary:active,.link-secondary:focus,.link-secondary:hover,.link-white:active,.link-white:focus,.link-white:hover,.link.is-active,.link:active,.link:focus,.link:hover{outline:none}.is-active.link-dark:after,.is-active.link-primary:after,.is-active.link-secondary:after,.is-active.link-white:after,.link-dark:active:after,.link-dark:focus:after,.link-dark:hover:after,.link-primary:active:after,.link-primary:focus:after,.link-primary:hover:after,.link-secondary:active:after,.link-secondary:focus:after,.link-secondary:hover:after,.link-white:active:after,.link-white:focus:after,.link-white:hover:after,.link.is-active:after,.link:active:after,.link:focus:after,.link:hover:after{width:100%}.link-white{color:#fff}.link-white:before{background-color:#fff}.link-white:after{background-color:var(--color-primary)}.link-primary,.link-white.is-active,.link-white:active,.link-white:focus,.link-white:hover{color:var(--color-primary)}.link-primary:before{background-color:var(--color-primary)}.link-primary:after{background-color:#fff}.link-primary.is-active,.link-primary:active,.link-primary:focus,.link-primary:hover{color:#fff}.link-dark{color:var(--color-dark)}.link-dark:before{background-color:var(--color-dark)}.link-dark:after{background-color:#fff}.link-dark.is-active,.link-dark:active,.link-dark:focus,.link-dark:hover{color:#fff}.link-secondary{color:var(--color-secondary)}.link-secondary:before{background-color:var(--color-secondary)}.link-secondary:after{background-color:#fff}.link-secondary.is-active,.link-secondary:active,.link-secondary:focus,.link-secondary:hover{color:#fff}.is-disabled.link-dark,.is-disabled.link-primary,.is-disabled.link-secondary,.is-disabled.link-white,.link.is-disabled{opacity:.8;pointer-events:none}.header{gap:32px;overflow:hidden;padding:8px 16px;position:fixed;top:0;width:100%;z-index:50}@media screen and (min-width:768px){.header{padding:8px 32px}}.header-bg{background-color:var(--color-primary);height:0;left:0;position:absolute;right:0;top:0;z-index:-1}.header.show .header-bg{height:100%}.header.show .link-white.is-active,.header.show .link-white:focus,.header.show .link-white:hover{color:#fff}.header.show .btn-white:after,.header.show .link-white.is-active:after,.header.show .link-white:focus:after,.header.show .link-white:hover:after{background-color:#fff}.header.show .btn-white.is-active,.header.show .btn-white:focus,.header.show .btn-white:hover{border-color:#fff!important;color:var(--color-primary)}.footer{background-color:var(--color-secondary);padding:16px}@media screen and (min-width:768px){.footer{padding:16px 32px}}.nav{justify-content:space-between}.nav,.nav__list{gap:16px}.border-custom,.border-custom-primary,.border-custom-secondary{border:2px solid}.border-custom-primary{border-color:var(--color-primary)}.border-custom-secondary{border-color:var(--color-secondary)}.custom-line,.custom-line-center,.custom-line-left,.custom-line-right{position:relative;transition-duration:.6s}.custom-line-center:after,.custom-line-center:before,.custom-line-left:after,.custom-line-left:before,.custom-line-right:after,.custom-line-right:before,.custom-line:after,.custom-line:before{background-color:var(--color-primary);height:2px;position:absolute;top:22px;transition-duration:.6s}.custom-line-center:before,.custom-line-left:before,.custom-line-right:before,.custom-line:before{right:calc(100% + 16px)}@media screen and (min-width:1536px){.custom-line-center:before,.custom-line-left:before,.custom-line-right:before,.custom-line:before{right:calc(100% + 32px)}}.custom-line-center:after,.custom-line-left:after,.custom-line-right:after,.custom-line:after{left:calc(100% + 16px);transform-origin:left}@media screen and (min-width:1536px){.custom-line-center:after,.custom-line-left:after,.custom-line-right:after,.custom-line:after{left:calc(100% + 32px)}}.custom-line-left{margin-left:8px}@media screen and (min-width:768px){.custom-line-left{margin-left:32px}}.custom-line-left:before{content:"";width:8px}@media screen and (min-width:768px){.custom-line-left:before{width:48px}}@media screen and (min-width:1536px){.custom-line-left:before{width:calc(49.5vw - 736px)}}.custom-line-left:after{display:none}.custom-line-left.title-is-show{margin-left:56px}@media screen and (min-width:768px){.custom-line-left.title-is-show{margin-left:96px}}@media screen and (min-width:1536px){.custom-line-left.title-is-show{margin-left:224px}}.custom-line-left.title-is-show:before{width:56px}@media screen and (min-width:768px){.custom-line-left.title-is-show:before{width:112px}}@media screen and (min-width:1536px){.custom-line-left.title-is-show:before{width:calc(49.5vw - 544px)}}.custom-line-center:after,.custom-line-center:before{content:"";width:50px}@media screen and (min-width:768px){.custom-line-center:after,.custom-line-center:before{width:100px}}@media screen and (min-width:1024px){.custom-line-center:after,.custom-line-center:before{width:200px}}.custom-line-center.title-is-show:after,.custom-line-center.title-is-show:before{width:75px}@media screen and (min-width:768px){.custom-line-center.title-is-show:after,.custom-line-center.title-is-show:before{width:200px}}@media screen and (min-width:1024px){.custom-line-center.title-is-show:after,.custom-line-center.title-is-show:before{width:300px}}.custom-line-right{margin-right:8px}@media screen and (min-width:768px){.custom-line-right{margin-right:32px}}.custom-line-right:after{content:"";width:8px}@media screen and (min-width:768px){.custom-line-right:after{width:48px}}@media screen and (min-width:1536px){.custom-line-right:after{width:calc(49.5vw - 736px)}}.custom-line-right:before{display:none}.custom-line-right.title-is-show{margin-right:56px}@media screen and (min-width:768px){.custom-line-right.title-is-show{margin-right:96px}}@media screen and (min-width:1536px){.custom-line-right.title-is-show{margin-right:224px}}.custom-line-right.title-is-show:after{width:56px}@media screen and (min-width:768px){.custom-line-right.title-is-show:after{width:112px}}@media screen and (min-width:1536px){.custom-line-right.title-is-show:after{width:calc(49.5vw - 544px)}}.custom-line-secondary:after,.custom-line-secondary:before{background-color:var(--color-secondary)}.btn,.btn-primary,.btn-secondary,.btn-white,.btn-white-secondary{align-items:center;border:2px solid;display:inline-flex;font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:500;justify-content:center;letter-spacing:.025em;overflow:hidden;padding:8px 12.8px;position:relative;width:-moz-fit-content;width:fit-content;z-index:10}.btn-primary:after,.btn-secondary:after,.btn-white-secondary:after,.btn-white:after,.btn:after{bottom:0;content:"";height:100%;left:0;position:absolute;top:0;width:0;z-index:-1}.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover,.btn-white-secondary:active,.btn-white-secondary:focus,.btn-white-secondary:hover,.btn-white:active,.btn-white:focus,.btn-white:hover,.btn.is-active,.btn:active,.btn:focus,.btn:hover,.is-active.btn-primary,.is-active.btn-secondary,.is-active.btn-white,.is-active.btn-white-secondary{outline:none}.btn-primary:active:after,.btn-primary:focus:after,.btn-primary:hover:after,.btn-secondary:active:after,.btn-secondary:focus:after,.btn-secondary:hover:after,.btn-white-secondary:active:after,.btn-white-secondary:focus:after,.btn-white-secondary:hover:after,.btn-white:active:after,.btn-white:focus:after,.btn-white:hover:after,.btn.is-active:after,.btn:active:after,.btn:focus:after,.btn:hover:after,.is-active.btn-primary:after,.is-active.btn-secondary:after,.is-active.btn-white-secondary:after,.is-active.btn-white:after{width:100%}.btn-full{border:0!important}.btn-full:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-2}.btn-primary{border-color:var(--color-primary);color:var(--color-primary)}.btn-primary.is-active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover{border-color:#fff}.btn-primary.is-active:after,.btn-primary:active:after,.btn-primary:focus:after,.btn-primary:hover:after{background-color:#fff}.btn-primary.is-active.btn-full,.btn-primary:active.btn-full,.btn-primary:focus.btn-full,.btn-primary:hover.btn-full{color:#fff}.btn-primary.is-active.btn-full:before,.btn-primary:active.btn-full:before,.btn-primary:focus.btn-full:before,.btn-primary:hover.btn-full:before{background-color:var(--color-primary)}.btn-primary.btn-full{color:#fff}.btn-primary.btn-full:before{background-color:var(--color-primary)}.btn-white{border-color:#fff;color:#fff}.btn-white.is-active,.btn-white:active,.btn-white:focus,.btn-white:hover{border-color:var(--color-primary)}.btn-white.is-active:after,.btn-white:active:after,.btn-white:focus:after,.btn-white:hover:after{background-color:var(--color-primary)}.btn-white:before{background-color:#fff}.btn-secondary{border-color:var(--color-secondary);color:var(--color-secondary)}.btn-secondary.is-active,.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{border-color:#fff;color:#fff}.btn-secondary.is-active:after,.btn-secondary:active:after,.btn-secondary:focus:after,.btn-secondary:hover:after{background-color:#fff}.btn-secondary:before{background-color:var(--color-secondary)}.btn-white-secondary{border-color:#fff;color:#fff}.btn-white-secondary.is-active,.btn-white-secondary:active,.btn-white-secondary:focus,.btn-white-secondary:hover{border-color:var(--color-secondary);color:#fff}.btn-white-secondary.is-active:after,.btn-white-secondary:active:after,.btn-white-secondary:focus:after,.btn-white-secondary:hover:after{background-color:var(--color-secondary)}.btn-white-secondary:before{background-color:#fff}.card{background-color:var(--color-secondary);color:#fff;flex-direction:column;margin-top:24px;padding:17.6px 16px 16px;position:relative}@media screen and (min-width:768px){.card{padding:24px}}.card__name{font-size:2.5rem!important;left:16px;position:absolute;top:0;transform:translateY(-60%)}.card__name .icon{font-size:2rem}@media screen and (min-width:768px){.card__name .icon{font-size:3rem}}.card__name .lottie-icon{fill:var(--color-primary)}.card__timeline{border:1px dashed;border-color:var(--color-light);height:1px;opacity:.8;width:100%}.card.is-active,.card:focus,.card:hover,.card[aria-selected=true]{background-color:var(--color-primary);outline:none}.card.is-active .text-primary,.card:focus .text-primary,.card:hover .text-primary,.card[aria-selected=true] .text-primary{color:var(--color-secondary)}.card.is-active .text-light,.card:focus .text-light,.card:hover .text-light,.card[aria-selected=true] .text-light{color:#fff}.card.is-active .card__name,.card:focus .card__name,.card:hover .card__name,.card[aria-selected=true] .card__name{color:#fff!important;transform:translate(16px,-60%)}.card.is-active .card__name .lottie-icon,.card:focus .card__name .lottie-icon,.card:hover .card__name .lottie-icon,.card[aria-selected=true] .card__name .lottie-icon{fill:#fff}.list-v{flex-direction:column;justify-content:center}.list-h,.list-v{display:flex;gap:8px}.list-h{align-items:flex-start;flex-wrap:wrap}@media screen and (min-width:640px){.list-col-2 .list__item,.list-col-3 .list__item{max-width:calc(50% - 4px)}}@media screen and (min-width:1024px){.list-col-3 .list__item{max-width:calc(33.33333% - 5.33333px)}}@media screen and (min-width:640px){.list-col-4 .list__item{max-width:calc(50% - 4px)}}@media screen and (min-width:768px){.list-col-4 .list__item{max-width:calc(33.33333% - 5.33333px)}}@media screen and (min-width:1024px){.list-col-4 .list__item{max-width:calc(25% - 6px)}}.title,.title__h1,.title__h2,.title__h3,.title__h4,.title__h5,.title__h6{color:#fff;font-family:Barlow Condensed,sans-serif}.title__h1{font-size:clamp(36px,5vw,56px);font-weight:500;line-height:2rem}@media screen and (min-width:640px){.title__h1{line-height:2.8rem}}@media screen and (min-width:1024px){.title__h1{line-height:3.5rem}}.title__h2{font-size:clamp(36px,5vw,52px);font-weight:500;line-height:2.5rem}.title__h3{font-size:1.8rem;font-weight:400}@media screen and (min-width:768px){.title__h3{font-size:2rem}}.title-container{display:flex;flex-direction:column;margin-bottom:16px;width:100%}.titles{flex-direction:column;gap:16px}.titles,.titles-left{align-items:flex-start;text-align:left}.titles-center{align-items:center;text-align:center}.titles-right{align-items:flex-end;text-align:right}.titles__header{margin-bottom:16px}@media screen and (min-width:768px){.titles__header{margin-bottom:32px}}.icon{font-size:16px}.skill__item{color:#fff;cursor:pointer;flex-direction:column;gap:3.2px;padding:8px}.skill__item.is-active .skill__progress,.skill__item:focus .skill__progress,.skill__item:hover .skill__progress{opacity:1;width:100%}.skill__item.is-active .skill__progress-bar:before,.skill__item:focus .skill__progress-bar:before,.skill__item:hover .skill__progress-bar:before{width:100%}.skill__name{font-size:1.2rem}.skill__progress{border:2px solid var(--color-primary);border-radius:2px;height:8px;opacity:0;overflow:hidden;width:100%}.skill__progress-bar{height:100%;position:relative}.skill__progress-bar:before{background-color:var(--color-primary);content:"";height:100%;left:0;position:absolute;top:0;width:0}.field{height:-moz-fit-content;height:fit-content;position:relative;z-index:1}.field__input,.field__textarea{background-color:transparent;border:2px solid #fff;color:var(--color-secondary);height:50px;padding:8px 16px;width:100%}.field__input:focus,.field__textarea:focus{border:2px solid var(--color-secondary);outline:none}.field__label{background-color:var(--color-primary);color:#fff;left:12.8px;padding:3.2px 8px;position:absolute;top:25px;transform:translateY(-50%);z-index:-1}.field__input,.field__label,.field__textarea{font-size:1.1rem}.field .field__input.not_empty~.field__label,.field .field__input:focus~.field__label,.field .field__textarea:focus~.field__label,.field .not_empty.field__textarea~.field__label{font-size:.9rem;top:0;z-index:1}.field .field__input:focus~.field__label,.field .field__textarea:focus~.field__label{color:var(--color-secondary)}.field__textarea{min-height:150px;resize:none}.project{background-color:var(--color-secondary);color:#fff;flex-direction:column;height:300px;position:relative}.project,.project-slide{overflow:hidden;width:100%}.project-slide{border:0!important;border-radius:4px!important}@media screen and (min-width:768px){.project,.project-slide{width:600px}}.project__name{bottom:0;display:none;font-size:2.2rem!important;font-weight:600;left:0;overflow:hidden;padding:16px;position:absolute;right:0;text-align:center;text-overflow:ellipsis;top:0;vertical-align:middle;white-space:nowrap;z-index:3}@media screen and (min-width:768px){.project__name{display:flex}}.project__content{bottom:0;display:flex;flex-direction:column;height:100%;justify-content:flex-end;left:0;padding:16px;position:absolute;top:0;width:100%;z-index:2}@media screen and (min-width:768px){.project__content{opacity:0;padding:24px;transform:translateX(-100%)}}.project__description{font-size:.9rem}@media screen and (min-width:768px){.project__description{font-size:1.1rem}}.project__img{height:100%;width:100%}.project__img:before{background-color:var(--color-secondary);bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0;z-index:1}@media screen and (min-width:768px){.project__img:before{opacity:0}}.project__icon{font-size:1.2rem;padding:16px;position:absolute;right:0;top:0;z-index:3}@media screen and (min-width:768px){.project-slide.is-active .project .project__name,.project-slide[aria-selected=true] .project .project__name{opacity:0;transform:translateX(-100%)}.project-slide.is-active .project .project__content,.project-slide[aria-selected=true] .project .project__content{opacity:1;transform:translateX(0)}.project-slide.is-active .project__img:before,.project-slide[aria-selected=true] .project__img:before{opacity:.6}}@media screen and (min-width:1536px){#project-slider{overflow:hidden;padding-bottom:48px;width:98vw}#project-slider .splide__track{margin:0 auto;max-width:1536px;overflow:visible;padding:0 32px!important}#project-slider .splide__pagination{bottom:0!important}}.customIcon__grid,.customIcon__grid-big,.customIcon__grid-tight{grid-gap:16px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);position:absolute;z-index:1}.customIcon__grid-tight{grid-gap:12.8px}.customIcon__grid-tight .item{background-color:#fff;border-radius:50%;height:8px;opacity:.4;width:8px}.customIcon__grid-big .item{background-color:#fff;border-radius:50%;height:14px;opacity:.4;width:14px}.customIcon__circle{background-color:var(--color-primary);border-radius:50%;flex-shrink:0;height:192px;opacity:.2;width:192px}.customIcon__square{background-color:var(--color-secondary);height:256px;opacity:.6;width:256px}.customIcon-container{overflow:hidden;position:absolute;z-index:1}.tag,.tag-primary,.tag-transparent{align-items:center;display:inline-flex;font-size:.8rem;justify-content:center;overflow:hidden;padding:4.8px 9.6px;position:relative;width:-moz-fit-content;width:fit-content;z-index:10}.tag-primary{background-color:var(--color-primary);color:#fff}.tag-transparent{color:#fff}.container{display:flex;flex-direction:column;margin:0 auto;max-width:1536px;padding-left:16px;padding-right:16px;width:100%}@media screen and (min-width:768px){.container{padding-left:32px;padding-right:32px}}.layout{overflow:hidden;width:100%}.layout-padding{padding-bottom:32px;padding-top:32px}@media screen and (min-width:768px){.layout-padding{padding-bottom:64px;padding-top:64px}}.hero{height:-moz-fit-content;height:fit-content;position:relative;width:100%}.hero__img{height:100%;max-height:50vh;max-width:100%;width:100%}.hero__img-container{min-width:40%;position:relative;z-index:1}.hero__img-container:before{background-color:var(--color-primary);bottom:0;content:"";left:calc(-50vw - -50%);position:absolute;right:50%;top:0;transform:translateX(-100%);z-index:-1}@media screen and (min-width:1024px){.hero__img{max-height:80vh;max-width:640px}}.hero__img-container.is-loaded:before{transform:translateX(0);transition-duration:.8s}.statistics{position:relative}.statistics__list{flex-direction:column;gap:32px}@media screen and (min-width:768px){.statistics__list{flex-shrink:0;gap:64px;width:40%}}.statistics__item{max-width:80%}.statistics__item:first-child{align-self:flex-end}.statistics__item:nth-child(2){align-self:flex-start}.statistics__item:nth-child(3){align-self:flex-end}.works__content{display:flex;flex-direction:column;gap:32px}@media screen and (min-width:768px){.works__content{flex-direction:row}}.works__cards{flex-shrink:0;gap:16px;margin:0 -16px;overflow:auto;padding-bottom:8px}@media screen and (min-width:768px){.works__cards{flex-direction:column;margin:0;max-height:800px;padding-bottom:0;padding-right:8px;width:350px}}.works__cards::-webkit-scrollbar{width:8px}.works__cards::-webkit-scrollbar-track{background-color:transparent}.works__cards::-webkit-scrollbar-thumb{background-color:var(--color-light);border:none;border-radius:10px}.works__cards{scrollbar-color:var(--color-light) transparent;scrollbar-width:thin}.works__cards::-ms-scrollbar{width:8px}.works__cards::-ms-scrollbar-track{background-color:transparent}.works__cards::-ms-scrollbar-thumb{background-color:var(--color-light);border:none;border-radius:10px}.works__card{cursor:pointer;min-width:300px;width:100%}.works__card:first-child{margin-left:16px}.works__card:last-child{margin-right:16px}@media screen and (min-width:768px){.works__card:first-child{margin-left:0!important}.works__card:last-child{margin-right:0!important}}body,html{font-family:Open sans,sans-serif}html{scroll-behavior:smooth}body{background-color:var(--color-dark);color:var(--color-light);font-size:1.2rem}.btn-mailto:after{content:attr(data-name) "@" attr(data-domain)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\:text-primary:focus{color:var(--color-primary)}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:640px){.sm\:max-w-\[600px\]{max-width:600px}.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:right-12{right:3rem}.md\:flex{display:flex}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:\!items-start{align-items:flex-start!important}.md\:items-center{align-items:center}.md\:gap-8{gap:2rem}.md\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.md\:gap-y-4{row-gap:1rem}.md\:\!text-left{text-align:left!important}.md\:\!text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}}@media (min-width:1024px){.lg\:left-56{left:14rem}.lg\:top-32{top:8rem}.lg\:mb-4{margin-bottom:1rem}.lg\:inline-flex{display:inline-flex}.lg\:w-2\/3{width:66.666667%}.lg\:flex-row{flex-direction:row}.lg\:\!items-start{align-items:flex-start!important}.lg\:items-center{align-items:center}.lg\:\!text-left{text-align:left!important}}@media (min-width:1280px){.xl\:left-80{left:20rem}.xl\:top-48{top:12rem}.xl\:flex{display:flex}}@media (min-width:1536px){.\32xl\:right-1\/3{right:33.333333%}.\32xl\:w-auto{width:auto}.\32xl\:translate-x-\[500px\]{--tw-translate-x:500px;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))}}
/*# sourceMappingURL=styles.css.map */