@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration: 1s;--animate-delay: 1s;--animate-repeat: 1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat) * 2)}.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat) * 3)}.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay) * 2)}.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay) * 3)}.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay) * 4)}.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay) * 5)}.animate__animated.animate__faster{animation-duration:.5s;animation-duration:calc(var(--animate-duration) / 2)}.animate__animated.animate__fast{animation-duration:.8s;animation-duration:calc(var(--animate-duration) * .8)}.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2)}.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration) * 3)}@media print,(prefers-reduced-motion: reduce){.animate__animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:flash}@keyframes pulse{0%{transform:scaleZ(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleZ(1)}}.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}.animate__rubberBand{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.animate__shakeX{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}.animate__shakeY{animation-name:shakeY}@keyframes headShake{0%{transform:translate(0)}6.5%{transform:translate(-6px) rotateY(-9deg)}18.5%{transform:translate(5px) rotateY(7deg)}31.5%{transform:translate(-3px) rotateY(-5deg)}43.5%{transform:translate(2px) rotateY(3deg)}50%{transform:translate(0)}}.animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0)}}.animate__swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleZ(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scaleZ(1)}}.animate__tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:translateZ(0)}}.animate__wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{transform:skew(6.25deg) skewY(6.25deg)}44.4%{transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{transform:skew(.390625deg) skewY(.390625deg)}88.8%{transform:skew(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration) * 1.3);animation-timing-function:ease-in-out}@keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInDown{animation-name:backInDown}@keyframes backInLeft{0%{transform:translate(-2000px) scale(.7);opacity:.7}80%{transform:translate(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInLeft{animation-name:backInLeft}@keyframes backInRight{0%{transform:translate(2000px) scale(.7);opacity:.7}80%{transform:translate(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInRight{animation-name:backInRight}@keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInUp{animation-name:backInUp}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{animation-name:backOutDown}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translate(0) scale(.7);opacity:.7}to{transform:translate(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{animation-name:backOutLeft}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translate(0) scale(.7);opacity:.7}to{transform:translate(2000px) scale(.7);opacity:.7}}.animate__backOutRight{animation-name:backOutRight}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleZ(1)}}.animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration) * .75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.animate__bounceOut{animation-duration:.75s;animation-duration:calc(var(--animate-duration) * .75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopLeft{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopRight{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomRight{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.animate__fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.animate__fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}@keyframes flip{0%{transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);animation-timing-function:ease-in}to{transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(0);animation-timing-function:ease-in}}.animate__animated.animate__flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{animation-duration:.75s;animation-duration:calc(var(--animate-duration) * .75);animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{animation-duration:.75s;animation-duration:calc(var(--animate-duration) * .75);backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skew(-30deg);opacity:0}60%{transform:skew(20deg);opacity:1}80%{transform:skew(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skew(30deg);opacity:0}60%{transform:skew(-20deg);opacity:1}80%{transform:skew(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skew(30deg);opacity:0}}.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skew(-30deg);opacity:0}}.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateIn{animation-name:rotateIn;transform-origin:center}@keyframes rotateInDownLeft{0%{transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}@keyframes rotateInDownRight{0%{transform:rotate3d(0,0,1,45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}@keyframes rotateInUpLeft{0%{transform:rotate3d(0,0,1,45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}@keyframes rotateInUpRight{0%{transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}@keyframes rotateOut{0%{opacity:1}to{transform:rotate3d(0,0,1,200deg);opacity:0}}.animate__rotateOut{animation-name:rotateOut;transform-origin:center}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate3d(0,0,1,45deg);opacity:0}}.animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate3d(0,0,1,-45deg);opacity:0}}.animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate3d(0,0,1,-45deg);opacity:0}}.animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate3d(0,0,1,90deg);opacity:0}}.animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2);animation-name:hinge;transform-origin:top left}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.animate__rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.animate__slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.animate__slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.animate__slideOutUp{animation-name:slideOutUp}@keyframes rotate_pacman_half_up{0%{transform:rotate(270deg)}50%{transform:rotate(360deg)}to{transform:rotate(270deg)}}@keyframes rotate_pacman_half_down{0%{transform:rotate(90deg)}50%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes pacman-balls{75%{opacity:.7}to{transform:translate(-100px,-6.25px)}}.pacman{position:relative}.pacman>div:nth-child(2){animation:pacman-balls 1s -.99s infinite linear}.pacman>div:nth-child(3){animation:pacman-balls 1s -.66s infinite linear}.pacman>div:nth-child(4){animation:pacman-balls 1s -.33s infinite linear}.pacman>div:nth-child(5){animation:pacman-balls 1s 0s infinite linear}.pacman>div:first-of-type{width:0px;height:0px;border-right:25px solid transparent;border-top:25px solid #fff;border-left:25px solid #fff;border-bottom:25px solid #fff;border-radius:25px;animation:rotate_pacman_half_up .5s 0s infinite;position:relative;left:-30px}.pacman>div:nth-child(2){width:0px;height:0px;border-right:25px solid transparent;border-top:25px solid #fff;border-left:25px solid #fff;border-bottom:25px solid #fff;border-radius:25px;animation:rotate_pacman_half_down .5s 0s infinite;margin-top:-50px;position:relative;left:-30px}.pacman>div:nth-child(3),.pacman>div:nth-child(4),.pacman>div:nth-child(5),.pacman>div:nth-child(6){background-color:#fff;border-radius:100%;margin:2px;width:10px;height:10px;position:absolute;transform:translateY(-6.25px);top:25px;left:70px}@font-face{font-family:Helvetica Neue;src:url(/assets/helvetica-neu-a7795bc5.ttf) format("ttf")}@font-face{font-family:La Belle Aurore;src:url(/assets/LaBelleAurore-e03dab7e.woff2) format("woff2")}@font-face{font-family:Coolvetica;src:url(/assets/CoolveticaRg-Regular-ccd26278.woff2) format("woff2")}input,textarea{font-family:Helvetica Neue,sans-serif}.loader-hidden{display:none}.loader-active{display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:50px;height:50px;animation:fadeOut 1s 1s;animation-fill-mode:forwards}.page{width:100%;height:100%;position:absolute}.top-tag-html{margin-left:-20px;animation:fadeIn 1.4s .5s backwards}.top-tags{bottom:auto;top:35px;animation:fadeIn 1s 1s backwards}.tags{color:#95901c;position:absolute;bottom:0;left:120px;font-size:18px;font-family:La Belle Aurore,cursive;animation:fadeIn 1.4s 1s backwards}.bottom-tag-html{margin-left:-20px;animation:fadeIn 1s 1s backwards}.container{width:100%;will-change:contents;height:90%;min-width:566px;position:absolute;opacity:0;top:5%;margin:0 auto;z-index:1;transform-style:preserve-3d;animation:fadeIn 1s forwards;animation-delay:1s}.container.about-page h1,.container.contact-page h1,.container.portfolio-page h1,.container.skills-page h1{font-size:53px;font-family:Coolvetica;color:gold;font-weight:400;margin-top:0;position:relative;margin-bottom:40px;left:-10px}.container.about-page h1:before,.container.contact-page h1:before,.container.portfolio-page h1:before,.container.skills-page h1:before{content:"<h1>";font-family:La Belle Aurore;font-size:18px;position:absolute;margin-top:-10px;left:-5px;opacity:.6;line-height:18px}.container.about-page h1:after,.container.contact-page h1:after,.container.portfolio-page h1:after,.container.skills-page h1:after{content:"</h1>";font-family:La Belle Aurore;font-size:18px;position:absolute;margin-left:20px;left:-20px;bottom:-20px;opacity:.6;line-height:18px}.container.about-page p,.container.contact-page p,.container.portfolio-page p,.container.skills-page p{font-size:13px;color:#fff;font-family:sans-serif;font-weight:300;min-width:-moz-fit-content;min-width:fit-content;animation:pulse 1s}.container.about-page p:nth-of-type(1),.container.contact-page p:nth-of-type(1),.container.portfolio-page p:nth-of-type(1),.container.skills-page p:nth-of-type(1){animation-delay:1.1s}.container.about-page p:nth-of-type(2),.container.contact-page p:nth-of-type(2),.container.portfolio-page p:nth-of-type(2),.container.skills-page p:nth-of-type(2){animation-delay:1.2s}.container.about-page p:nth-of-type(3),.container.contact-page p:nth-of-type(3),.container.portfolio-page p:nth-of-type(3),.container.skills-page p:nth-of-type(3){animation-delay:1.3s}.container.about-page p:nth-of-type(4),.container.contact-page p:nth-of-type(4),.container.portfolio-page p:nth-of-type(4),.container.skills-page p:nth-of-type(4){animation-delay:1.4s}.container.about-page .text-zone,.container.contact-page .text-zone,.container.portfolio-page .text-zone,.container.skills-page .text-zone{position:absolute;left:10%;top:50%;transform:translateY(-50%);width:35%;vertical-align:middle;display:table-cell;max-height:90%}.container.about-page .text-zone .contact-link,.container.contact-page .text-zone .contact-link,.container.portfolio-page .text-zone .contact-link,.container.skills-page .text-zone .contact-link{text-decoration:underline}.container.about-page .text-animate-hover:hover,.container.contact-page .text-animate-hover:hover,.container.portfolio-page .text-animate-hover:hover,.container.skills-page .text-animate-hover:hover{color:#fff}@media screen and (max-width: 1200px){.page{position:initial}.container{position:initial;height:auto;min-width:auto}.container.about-page .text-zone,.container.contact-page .text-zone,.container.portfolio-page .text-zone{position:initial;transform:none;width:100%;display:block;padding:20px;box-sizing:border-box}.container.skills-page{display:block;flex-direction:column}.container.skills-page .text-zone{position:initial;transform:none;width:100%;display:block;padding:20px;box-sizing:border-box}.container.skills-page .text-zone h1{font-size:40px}.container.skills-page .text-zone a{text-decoration:underline}.container.portfolio-page{width:100%;padding:20px;box-sizing:border-box}.container.portfolio-page h1.page-title{margin-left:20px;margin-top:20px}}.nav-bar{background:#181818;width:60px;height:100%;position:absolute;top:0;z-index:3;min-height:500px;animation:fadeInLeft .8s cubic-bezier(.645,.045,.355,1)}.nav-bar .logo{display:block;padding:8px 0;animation:fadeInLeft .9s cubic-bezier(.645,.045,.355,1)}.nav-bar .logo img{display:block;margin:8px auto;width:24px;height:auto}.nav-bar .logo img.sub-logo{width:50px}.nav-bar nav{display:block;text-align:center;position:absolute;height:210px;top:50%;margin-top:-120px;width:100%}.nav-bar nav a{font-size:22px;color:#4d4d4e;display:block;line-height:51px;height:51px;position:relative;text-decoration:none;animation:fadeInLeft 1s cubic-bezier(.645,.045,.355,1)}.nav-bar nav a i{transition:all .3s ease-out}.nav-bar nav a:hover{color:gold}.nav-bar nav a:hover svg{opacity:0}.nav-bar nav a:hover:after{opacity:1}.nav-bar nav a:after{content:"";font-size:9px;letter-spacing:2px;position:absolute;bottom:0;display:block;width:100%;text-align:center;opacity:0;transition:all .3s ease-out}.nav-bar nav a:first-child:after{content:"HOME"}.nav-bar nav a.about-link:after{content:"ABOUT"}.nav-bar nav a.portfolio-link:after{content:"PROJECTS"}.nav-bar nav a.skill-link:after{content:"SKILLS"}.nav-bar nav a.contact-link:after{content:"CONTACT"}.nav-bar nav a.active svg{color:gold}.nav-bar ul{position:absolute;bottom:20px;width:100%;display:block;padding:0;list-style:none;text-align:center;margin:0;animation:fadeInLeft 1s cubic-bezier(.645,.045,.355,1)}.nav-bar ul li a{padding:7px 0;display:block;font-size:15px;line-height:16px}.nav-bar ul li a:hover svg{color:gold}.hamburger-icon,.close-btn{animation:fadeIn 1s cubic-bezier(.645,.045,.355,1);display:none}@media screen and (max-width: 1200px){.nav-bar{background:transparent;position:initial;height:auto;min-height:auto;animation:none}.nav-bar ul,.nav-bar nav{display:none}.nav-bar nav{width:100%;height:100%;background:#181818;top:0;left:0;position:fixed;z-index:2;margin:0;animation:fadeInDown 1s cubic-bezier(.645,.045,.355,1);transition:all;padding:50px;border:1px solid;border-radius:0 0 10px 10px}.nav-bar nav a{display:flex;justify-content:center;align-items:center;animation:fadeInDown 1.5s cubic-bezier(.645,.045,.355,1)}.nav-bar nav a:after{opacity:1;position:initial;width:auto;margin-left:10px}.nav-bar nav a svg{opacity:1!important}.nav-bar nav.mobile-show{display:flex;flex-direction:column;align-items:center;animation:fadeInDown 1s;transition:all}.nav-bar nav.mobile-show a{display:flex;width:100px;justify-content:space-between}.nav-bar ul{z-index:2;animation:fadeInDown 1.5s cubic-bezier(.645,.045,.355,1)}.nav-bar ul.mobile-social-show{display:flex;align-items:center;justify-content:space-evenly}.nav-bar .hamburger-icon,.nav-bar .close-btn{display:block;position:absolute;top:25px;right:20px;cursor:pointer;animation:fadeInRight 1s cubic-bezier(.645,.045,.355,1)}.nav-bar .hamburger-icon.close-btn,.nav-bar .close-btn.close-btn{animation:fadeIn 3s cubic-bezier(.645,.045,.355,1)}}.home-page .text-zone{position:absolute;left:10%;top:50%;transform:translateY(-50%);width:40%;max-height:90%}.home-page h1{color:#fff;font-size:56px;line-height:53px;margin:0;font-family:Coolvetica;font-weight:400}.home-page h1:before{content:"<h1>";font-family:La Belle Aurore,cursive;color:#95901c;font-size:18px;position:absolute;margin-top:-40px;left:-15px;animation:fadeIn 5s 1s backwards}.home-page h1:after{content:"</h1>";font-family:La Belle Aurore,cursive;color:#95901c;font-size:18px;position:absolute;margin-top:18px;margin-left:20px;animation:fadeIn 2s 4s backwards}.home-page h1 img{width:32px;margin-left:20px;opacity:0;height:auto;animation:rotateIn 1s linear both;animation-delay:1.6s;display:inline;vertical-align:initial}.home-page h1 img:hover{transform:rotate(30deg)}.home-page h2{color:#8d8d8d;margin-top:20px;font-weight:400;font-size:11px;font-family:sans-serif;letter-spacing:3px;animation:fadeIn 1s 1.8s backwards}.home-page .flat-button{color:gold;font-size:13px;font-weight:400;letter-spacing:4px;font-family:sans-serif;text-decoration:none;padding:10px 18px;border:1px solid #ffd700;margin-top:25px;float:left;animation:fadeInAnimation 1s 1.8s backwards;white-space:nowrap}.home-page .flat-button:hover{background:#ffd700;color:#333;animation:fadeIn .3s}@media screen and (max-width: 1200px){.tags,.home-page h1:after,.home-page h1:before{display:none}.home-page .text-zone{position:initial;width:100%;transform:none;padding:10px;box-sizing:border-box}.home-page h1{font-size:48px}.home-page .flat-button{float:none;display:block;margin:20px auto 0;width:-moz-fit-content;width:fit-content}.home-page .logo-container{position:relative;width:100px;height:auto;top:50px;right:0;box-sizing:border-box;margin:auto;left:0}.home-page .logo-container svg{position:absolute;top:auto;right:auto;bottom:auto;left:0;margin:auto}}.text-animate{display:inline-block;opacity:0;animation:bounceIn;animation-duration:1s;animation-delay:1s;animation-fill-mode:forwards;min-width:10px}.text-animate-hover{min-width:10px;display:inline-block}.text-animate-hover h1{font-size:40px}.text-animate-hover:hover{color:gold;animation-name:rubberBand;animation-duration:1s;animation-iteration-count:infinite}.text-animate._1{animation-delay:.1s}.text-animate._2{animation-delay:.2s}.text-animate._3{animation-delay:.3s}.text-animate._4{animation-delay:.4s}.text-animate._5{animation-delay:.5s}.text-animate._6{animation-delay:.6s}.text-animate._7{animation-delay:.7s}.text-animate._8{animation-delay:.8s}.text-animate._9{animation-delay:.9s}.text-animate._10{animation-delay:1s}.text-animate._11{animation-delay:1.1s}.text-animate._12{animation-delay:1.2s}.text-animate._13{animation-delay:1.3s}.text-animate._14{animation-delay:1.4s}.text-animate._15{animation-delay:1.5s}.text-animate._16{animation-delay:1.6s}.text-animate._17{animation-delay:1.7s}.text-animate._18{animation-delay:1.8s}.text-animate._19{animation-delay:1.9s}.text-animate._20{animation-delay:2s}.text-animate._21{animation-delay:2.1s}.text-animate._22{animation-delay:2.2s}.text-animate._23{animation-delay:2.3s}.text-animate._24{animation-delay:2.4s}.text-animate._25{animation-delay:2.5s}.text-animate._26{animation-delay:2.6s}.text-animate._27{animation-delay:2.7s}.text-animate._28{animation-delay:2.8s}.text-animate._29{animation-delay:2.9s}.text-animate._30{animation-delay:3s}.text-animate._31{animation-delay:3.1s}.text-animate._32{animation-delay:3.2s}.text-animate._33{animation-delay:3.3s}.text-animate._34{animation-delay:3.4s}.text-animate._35{animation-delay:3.5s}.text-animate._36{animation-delay:3.6s}.text-animate._37{animation-delay:3.7s}.text-animate._38{animation-delay:3.8s}.text-animate._39{animation-delay:3.9s}.text-animate._40{animation-delay:4s}.text-animate._41{animation-delay:4.1s}.text-animate._42{animation-delay:4.2s}.text-animate._43{animation-delay:4.3s}.text-animate._44{animation-delay:4.4s}.text-animate._45{animation-delay:4.5s}.text-animate._46{animation-delay:4.6s}.text-animate._47{animation-delay:4.7s}.text-animate._48{animation-delay:4.8s}.text-animate._49{animation-delay:4.9s}@media screen and (max-width: 1200px){.text-zone h1{font-size:40px}}.logo-container{z-index:0;width:400px;height:609px;opacity:0;position:absolute;top:0;right:15%;bottom:0;left:auto;margin:auto;animation:fadeInRight 2s cubic-bezier(.645,.045,.355,1)}.logo-container svg{width:100%;height:auto;bottom:0;transform:rotate(30deg)!important}.logo-container svg path{animation:pathAnimation 20s 1s infinite;stroke-dasharray:97203;stroke-dashoffset:97203}@keyframes pathAnimation{0%{stroke-dashoffset:97203}to{stroke-dashoffset:0}}.logo-container .solid-logo{position:absolute;top:auto;right:auto;bottom:auto;left:0;margin:auto;width:100%;opacity:0;transform:rotate(30deg)!important;z-index:1;cursor:default}.svg-container{stroke:gold;stroke-width:10}.stage-cube-cont{position:absolute;width:50%;height:100%;top:0;padding-top:18%;margin-left:0;right:0;overflow:hidden}.cubespinner{animation-name:spincube;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:12s;transform-style:preserve-3d;transform-origin:100px 100px 0;margin-left:calc(50% - 100px)}.cubespinner div{position:absolute;width:200px;height:200px;border:1px solid #ccc;background:rgba(255,255,255,.4);font-size:100px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #ffffe0}.cubespinner .face1{transform:translateZ(100px)}.cubespinner .face2{transform:rotateY(90deg) translateZ(100px)}.cubespinner .face3{transform:rotateY(90deg) rotateX(90deg) translateZ(100px)}.cubespinner .face4{transform:rotateY(180deg) rotate(90deg) translateZ(100px)}.cubespinner .face5{transform:rotateY(-90deg) rotate(90deg) translateZ(100px)}.cubespinner .face6{transform:rotateX(-90deg) translateZ(100px)}@keyframes spincube{0%,to{transform:rotateX(0) rotateY(0) rotate(0)}16%{transform:rotateY(-90deg)}33%{transform:rotateY(-90deg) rotate(90deg)}50%{transform:rotateY(-180deg) rotate(90deg)}66%{transform:rotateY(-270deg) rotate(90deg)}83%{transform:rotateX(90deg)}}@media screen and (max-width: 1200px){.stage-cube-cont{position:initial;width:100%;height:0;overflow:visible}}.flat-button{color:gold;font-size:13px;font-weight:400;letter-spacing:4px;font-family:sans-serif;text-decoration:none;padding:10px 18px;border:1px solid #ffd700;margin-top:25px;float:left;animation:fadeInAnimation 1s 1.8s backwards;white-space:nowrap}.flat-button:hover{background:#ffd700;color:#333;animation:fadeIn .3s}@media screen and (max-width: 1200px){.flat-button{float:none;display:block;margin:20px auto 0;width:-moz-fit-content;width:fit-content}}.contact-form{width:100%;margin-top:20px}.contact-form ul{padding:0;margin:0}.contact-form ul li{padding:0;margin:0 0 10px;list-style:none;overflow:hidden;display:block;clear:both;position:relative;opacity:0;animation:fadeInUp 2s 2s;animation-fill-mode:forwards}.contact-form ul li.half{width:49%;margin-left:2%;float:left;clear:none}.contact-form ul li.half:first-child{margin-left:0}.contact-form input[type=email],.contact-form input[type=text]{width:100%;border:0;background:#115173;height:50px;font-size:16px;font-family:Coolvetica;letter-spacing:1px;color:#fff;padding:0 20px;box-sizing:border-box}.contact-form textarea{width:100%;border:0;background:#115173;height:50px;font-size:16px;font-family:Coolvetica;letter-spacing:1px;color:#fff;padding:0 20px;min-height:150px;max-height:200px;box-sizing:border-box}.contact-form .flat-button{color:gold;margin:4px 0;background:0 0;font-size:11px;font-family:Coolvetica;letter-spacing:3px;text-decoration:none;padding:8px 10px;border:1px solid #ffd700;float:right;border-radius:4px;cursor:pointer}.contact-form .flat-button:hover{transform:translateY(-1px)}.info-map{position:absolute;background-color:#000;top:50px;right:30%;z-index:999999;width:267px;padding:20px;color:#fff;font-family:Helvetica;font-size:17px;font-weight:300;opacity:0;animation:fadeIn 1s 1.5s;animation-fill-mode:forwards}.info-map span{font-size:16px;display:block;padding-top:20px;color:gold}.map-wrap{background:rgba(8,253,216,.1);float:right;width:53%;height:100%}.leaflet-container{width:100%;height:100%;position:relative;opacity:0;animation:backInRight 1s 1.2s;animation-fill-mode:forwards}@media screen and (max-width: 1200px){.map-wrap{float:none;width:100%;height:400px;margin:0}.info-map{display:none}}.portfolio-page{padding-left:100px;padding-right:50px;width:calc(100% - 150px);position:initial;height:100%;overflow:hidden}.portfolio-page h1.page-title{margin-left:100px;margin-top:100px}.portfolio-page .images-container{display:flex;gap:15px;flex-wrap:wrap;flex-direction:row;padding-bottom:100px}.portfolio-page .images-container .image-box{position:relative;flex:1 1 20%;height:400px;overflow:hidden;border-radius:10px;max-width:calc(25% - 10px)}.portfolio-page .images-container .image-box:hover{width:100%}.portfolio-page .images-container .image-box .portfolio-image{position:absolute;z-index:2;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left}.portfolio-page .images-container .image-box .content{position:absolute;width:100%;z-index:3;padding:10px 20px;transition:all .3 cubic-bezier(.645,.045,.355,1);background:linear-gradient(180deg,rgba(0,0,0,.347) 0,rgb(0,0,0));bottom:-70px}.portfolio-page .images-container .image-box .title{margin-bottom:0;margin-top:0;color:#fff;font-size:24px;font-weight:700;line-height:24px}.portfolio-page .images-container .image-box .description{margin:2px 2px 5px;font-size:14px;color:#fff;font-weight:700;height:40px;overflow:hidden}.portfolio-page .images-container .image-box .description:hover{color:#000;height:255px;overflow:visible;overflow-y:auto}.portfolio-page .images-container .image-box .btns{display:flex;width:100%;gap:15px}.portfolio-page .images-container .image-box .btn{margin-top:30px;margin-bottom:10px;padding:0 23px;height:40px;line-height:34px;border:2px solid #ffd700;border-radius:4px;font-size:14px;color:#fff;background:transparent;text-transform:uppercase;font-weight:700;transition:all .3 cubic-bezier(.645,.045,.355,1);cursor:pointer}.portfolio-page .images-container .image-box .btn:hover{transform:translateY(-2px);background:#ffd700;color:#000}.portfolio-page .images-container .image-box:after{content:"";background:linear-gradient(180deg,#ffd700,#000);position:absolute;left:0;right:0;bottom:0;top:0;width:100%;height:100%;z-index:2;transition:all .3s cubic-bezier(.645,.045,.355,1);opacity:0}.portfolio-page .images-container .image-box:hover:after{opacity:.85}.portfolio-page .images-container .image-box:hover .content{bottom:0;background:transparent}@media screen and (max-width: 1200px){.portfolio-page{padding-left:100px;padding-right:50px;width:calc(100% - 150px);position:initial;height:100%;overflow:auto}.portfolio-page h1.page-title{margin-left:100px;margin-top:100px}.portfolio-page .images-container{display:block;gap:15px;flex-wrap:wrap;flex-direction:row;padding-bottom:100px}.portfolio-page .images-container .image-box{position:relative;flex:1 1 20%;height:500px;overflow:hidden;border-radius:10px;max-width:calc(100% - 10px);margin-bottom:20px}}.text-sphere{position:relative;top:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.tagcloud{display:inline-block;top:0;left:0;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:600;letter-spacing:.0625rem;font-size:1.3em}.tagcloud--item{color:#fff;text-transform:uppercase}*,:before,:after{--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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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: rgb(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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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: rgb(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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{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,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}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,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;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-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.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}}.mx-40{margin-left:10rem;margin-right:10rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bg-slate-400{--tw-bg-opacity: 1;background-color:rgb(148 163 184 / var(--tw-bg-opacity, 1))}html{font-size:62.5%}body{margin:0;font-family:300 11px/1.4 "Helvetica Neue","sans-serif";color:#444;background:#022c43;overflow:hidden;display:block}@media screen and (max-width: 1200px){body{overflow:visible}}.loader-inner.pacman div:nth-child(1){border-right:25px solid transparent;border-top:25px solid #ffd700;border-left:25px solid #ffd700;border-bottom:25px solid #ffd700}.loader-inner.pacman div:nth-child(2){border-right:25px solid transparent;border-top:25px solid #ffd700;border-left:25px solid #ffd700;border-bottom:25px solid #ffd700}.loader-inner.pacman div:nth-child(3){background-color:gold}.loader-inner.pacman div:nth-child(4){background-color:gold}.loader-inner.pacman div:nth-child(5){background-color:gold}.loader-inner.pacman div:nth-child(6){background-color:gold}.text-sphere{position:absolute;width:60%;height:100%;top:0;margin-left:0;right:0;overflow:hidden}p{margin-top:10px}.tagcloud{display:inline-block;top:0;left:0;font-family:Coolvetica,sans-serif;font-weight:600;letter-spacing:.0625rem;font-size:1.3em}.tagcloud--item{color:#fff}.tagcloud--item:hover{color:gold}@media screen and (max-width: 1200px){.skills-page .text-zone h1{font-size:10px}.text-sphere{position:relative;bottom:100;width:100%;height:100%;overflow:visible;scale:.6}}