@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);*{box-sizing:border-box;color:#6d6666;font-family:Roboto,sans-serif;list-style:none;margin:0;outline:none;padding:0;text-decoration:none}::selection{background:rgba(221,252,223,.99)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}html{background-attachment:fixed;background-image:url(/static/media/Background.57666b7c155372596c7b.jpg);background-repeat:no-repeat;background-size:cover}body::-webkit-scrollbar{display:none}body{overflow-x:hidden}h5{color:#000;font-size:5vw;line-height:8;text-align:center}.scroll-to-top-button{background-color:#3f5c40;border:2px solid #3f5c40;border-radius:100%;bottom:-5vw;color:rgba(221,252,223,.99);cursor:pointer;font-size:1vw;font-weight:700;outline-offset:-5px;padding:1vw;position:fixed;right:1vw;transition:.5s}.scroll-to-top-button:hover{outline:5px solid #3f5c40;outline-offset:5px}.scroll-to-top-button.visible{bottom:1vw;transition:.1s}#PageAnimation{background-color:#fff;height:100%;pointer-events:none;position:fixed;top:0;width:100%;z-index:90000}#PageAnimation,#PageAnimation #Typewriter{align-items:center;display:flex;justify-content:center}#PageAnimation #Typewriter{font-size:3vw}#PageAnimation #Typewriter .Typewriter span:first-child{color:#6d6666;font-weight:700}#PageAnimation #Typewriter .Typewriter span:nth-child(2){color:#3f5c40;font-weight:700}#PageAnimation .Typewriter_cursor::selection{background-color:red;color:red}#PageAnimation.Show{-webkit-animation:PageAnimation 2s;animation:PageAnimation 2s;opacity:0}@-webkit-keyframes PageAnimation{0%{opacity:1}99%{opacity:0}}@keyframes PageAnimation{0%{opacity:1}99%{opacity:0}}header{display:flex;justify-content:space-between;padding:2vw 5vw;width:100%;z-index:9999999}header.HomePage .st0{fill:rgba(221,252,223,.99);mix-blend-mode:difference;-moz-mix-blend-mode:difference;-webkit-mix-blend-mode:difference}header.HomePage .st1,header.HomePage .st4{fill:#1e301e}header.HomePage .st5,header.HomePage .st9 path{fill:rgba(221,252,223,.99);mix-blend-mode:difference;-moz-mix-blend-mode:difference;-webkit-mix-blend-mode:difference}header #HeaderNav{display:flex;justify-content:center;width:100%}header #HeaderNav ul{display:flex;gap:2vw;justify-content:space-between;text-transform:uppercase}header #HeaderNav ul li{position:relative}header #HeaderNav ul li a{cursor:pointer;font-size:1vw;font-weight:800;mix-blend-mode:difference;-moz-mix-blend-mode:difference;-webkit-mix-blend-mode:difference;position:relative}header #HeaderNav ul li a.Active+.Hand,header #HeaderNav ul li a:hover+.Hand{top:-65%}header #HeaderNav ul li .Hand{-webkit-animation:Shake 1s ease-in-out .2s infinite alternate;animation:Shake 1s ease-in-out .2s infinite alternate;content:url(/static/media/Hand.4b7c8d61d14703f1f4fe.svg);left:50%;position:absolute;top:-150%;-webkit-transform:translate(-50%);transform:translate(-50%);transition:.1s ease-in-out;width:1vw}@-webkit-keyframes Shake{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}to{-webkit-transform:translate(-50%,3px);transform:translate(-50%,3px)}}@keyframes Shake{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}to{-webkit-transform:translate(-50%,3px);transform:translate(-50%,3px)}}header .st0{fill:#3f5c40}header .st0,header .st1{mix-blend-mode:normal;-moz-mix-blend-mode:normal;-webkit-mix-blend-mode:normal}header .st1{fill:#000}header .st4{fill:#3f5c40}header .st5,header .st9 path{fill:#000;mix-blend-mode:normal;-moz-mix-blend-mode:normal;-webkit-mix-blend-mode:normal}header #MobileLogo,header #burgerActive,header #burgerNotActive,header .hamburger-react{display:none}header #Logo{cursor:pointer;width:10vw}header #Title{cursor:pointer;width:12vw}#Home #Galaxy{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:absolute;top:0;width:100vw;z-index:-1}#Home #Galaxy img{background-attachment:fixed;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:26vw;position:absolute;width:26vw}#Home #Galaxy #CvBtt{align-items:center;background-color:#3f5c40;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5vw;height:4vw;justify-content:center;margin:-17% 0 0 20%;outline:4px solid #3f5c40;outline-offset:-5px;position:absolute;transition:.1s;width:4vw;z-index:2}#Home #Galaxy #CvBtt:hover{background-color:#1e301e;outline:5px solid #1e301e;outline-offset:5px}#Home #Galaxy #CvBtt p{color:rgba(221,252,223,.99)}#Home #Galaxy svg{scale:110%;z-index:-1}#Home #Galaxy svg .st0{fill:#1e301e}#Home #Galaxy svg .st1{fill:#273d27}#Home #Galaxy svg .st2{fill:#324c32}#Home #Galaxy svg .st3{fill:#405c41}#Home #Galaxy svg .st4{fill:#3f5c40}#Home #Galaxy svg #GroupGroupEarth3{-webkit-animation:Spin 40s linear infinite;animation:Spin 40s linear infinite;-webkit-transform-origin:center;transform-origin:center}#Home #Galaxy svg #GroupEarth3{-webkit-animation:Spin 10s linear infinite;animation:Spin 10s linear infinite}#Home #Galaxy svg #GroupEarth3,#Home #Galaxy svg #Ring1{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#Home #Galaxy svg #Ring1{-webkit-animation:SpinR 30s linear infinite;animation:SpinR 30s linear infinite}#Home #Galaxy svg #Ring2{-webkit-animation:Spin 30s linear infinite;animation:Spin 30s linear infinite}#Home #Galaxy svg #Ring2,#Home #Galaxy svg #Ring3{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#Home #Galaxy svg #Ring3{-webkit-animation:SpinR 30s linear infinite;animation:SpinR 30s linear infinite}#Home #Galaxy svg #Ring4{-webkit-animation:Spin 30s linear infinite;animation:Spin 30s linear infinite}#Home #Galaxy svg #Ring4,#Home #Galaxy svg #Ring5{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#Home #Galaxy svg #Ring5{-webkit-animation:SpinR 30s linear infinite;animation:SpinR 30s linear infinite}#Home #Galaxy svg #Ring6{-webkit-animation:Spin 30s linear infinite;animation:Spin 30s linear infinite;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#Home #Galaxy svg #GroupEarth2{-webkit-animation:Spin 40s linear infinite;animation:Spin 40s linear infinite;-webkit-transform-origin:center;transform-origin:center}#Home #Galaxy svg #GroupPluto1,#Home #Galaxy svg #GroupPluto2{-webkit-animation:Spin 30s linear infinite;animation:Spin 30s linear infinite;-webkit-transform-origin:center;transform-origin:center}#Home #Galaxy svg #DarkHole1,#Home #Galaxy svg #DarkHole2{-webkit-animation:SpinR 30s linear infinite;animation:SpinR 30s linear infinite;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes Spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes SpinR{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}#Home #HomeNav{display:none}#Home small{bottom:2.5vh;color:#6d6666;font-size:1vw;font-style:italic;left:50%;mix-blend-mode:difference;-moz-mix-blend-mode:difference;-webkit-mix-blend-mode:difference;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#Portfolio{align-items:center;-webkit-animation:FadeIn .5s backwards;animation:FadeIn .5s backwards;display:flex;justify-content:center;padding-bottom:5vw;position:relative}@-webkit-keyframes FadeIn{0%{top:3vw}to{top:0}}#Portfolio main{align-items:center;display:flex;flex-direction:column;width:50vw}#Portfolio main img{outline:5px solid #fff;outline-offset:-15px;transition:.5s;vertical-align:top;width:50vw}#Portfolio main img:hover{margin:2vw 0;outline:5px solid #3f5c40;outline-offset:5px;-webkit-transform:scale(110%);transform:scale(110%)}#Portfolio main a{color:#6d6666;font-size:3vw}#Portfolio main article{margin-top:2vw}#Portfolio main article i,#Portfolio main article p{color:#6d6666;font-size:.8vw}#PortfolioCase{-webkit-animation:FadeIn .5s backwards;animation:FadeIn .5s backwards;padding-bottom:5vw;position:relative}#PortfolioCase,#PortfolioCase #Modal{align-items:center;display:flex;justify-content:center}#PortfolioCase #Modal{background-color:rgba(0,0,0,.445);height:100vh;opacity:hidden;position:fixed;top:0;width:100vw;z-index:3}#PortfolioCase #Modal .HighlightImgW{height:70%}#PortfolioCase #Modal .HighlightImgH{height:90%}#PortfolioCase #Modal .close-button{cursor:pointer;height:40px;overflow:hidden;position:absolute;right:2vw;top:2vw;width:40px}#PortfolioCase #Modal .close-button>div{position:relative}#PortfolioCase #Modal .close-button-block{height:20px;overflow:hidden;position:relative;width:40px}#PortfolioCase #Modal .close-button-block:after,#PortfolioCase #Modal .close-button-block:before{background:#000;bottom:0;content:"";display:block;height:25px;left:calc(55% - 4px);position:absolute;-webkit-transform-origin:bottom center;transform-origin:bottom center;transition:all .28s ease-out;width:4px}#PortfolioCase #Modal .close-button-block:last-of-type{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#PortfolioCase #Modal .close-button .in .close-button-block:before{-webkit-transform:translateX(20px) translateY(-20px) rotate(45deg);transform:translateX(20px) translateY(-20px) rotate(45deg);transition-delay:.28s}#PortfolioCase #Modal .close-button .in .close-button-block:after{-webkit-transform:translateX(-22px) translateY(-22px) rotate(-45deg);transform:translateX(-22px) translateY(-22px) rotate(-45deg);transition-delay:.28s}#PortfolioCase #Modal .close-button .out{left:0;position:absolute;top:0}#PortfolioCase #Modal .close-button .out .close-button-block:before{-webkit-transform:translateX(-5px) translateY(5px) rotate(45deg);transform:translateX(-5px) translateY(5px) rotate(45deg)}#PortfolioCase #Modal .close-button .out .close-button-block:after{-webkit-transform:translateX(5px) translateY(5px) rotate(-45deg);transform:translateX(5px) translateY(5px) rotate(-45deg)}#PortfolioCase #Modal .close-button:hover .in .close-button-block:before{-webkit-transform:translateX(-5px) translateY(5px) rotate(45deg);transform:translateX(-5px) translateY(5px) rotate(45deg)}#PortfolioCase #Modal .close-button:hover .in .close-button-block:after{-webkit-transform:translateX(5px) translateY(5px) rotate(-45deg);transform:translateX(5px) translateY(5px) rotate(-45deg)}#PortfolioCase #Modal .close-button:hover .out .close-button-block:before{-webkit-transform:translateX(-20px) translateY(20px) rotate(45deg);transform:translateX(-20px) translateY(20px) rotate(45deg)}#PortfolioCase #Modal .close-button:hover .out .close-button-block:after{-webkit-transform:translateX(20px) translateY(20px) rotate(-45deg);transform:translateX(20px) translateY(20px) rotate(-45deg)}#PortfolioCase main{background-color:hsla(0,0%,100%,.854);border-radius:1vw;box-shadow:0 1px 4px rgba(0,0,0,.16);overflow:hidden;padding:0 0 3vw;position:relative;width:50vw}#PortfolioCase main img{width:100%}#PortfolioCase main h1{font-size:2vw}#PortfolioCase main h1,#PortfolioCase main h2{color:hsla(0,0%,50%,.357);text-align:center;text-transform:uppercase}#PortfolioCase main h2{font-size:1.1vw;padding-top:2vw}#PortfolioCase main h3{color:hsla(0,0%,50%,.357);font-size:.9vw;font-style:italic;text-align:center;text-transform:uppercase}#PortfolioCase main article{display:flex;flex-direction:column;gap:2vw;padding:2vw 4vw}#PortfolioCase main article h4{color:hsla(0,0%,50%,.357);font-size:1vw;text-transform:uppercase}#PortfolioCase main article hr{border-top:.2vw solid #3f5c40;margin-bottom:1vw;width:2.5vw}#PortfolioCase main article .Apps{display:flex;gap:.5vw;padding:0 0 1.5vw}#PortfolioCase main article .Apps li{font-size:1vw;height:0;list-style:none;padding:0}#PortfolioCase main article .Apps li img{border-radius:5px;width:1.5vw}#PortfolioCase main article .Apps li p{font-size:2vw;line-height:.2;position:relative;right:.3vw}#PortfolioCase main article b,#PortfolioCase main article p{color:#6d6666;font-size:1.5vw}#PortfolioCase main article b{text-transform:uppercase}#PortfolioCase main article ul{padding-left:2vw}#PortfolioCase main article ul b,#PortfolioCase main article ul li{color:#6d6666;font-size:.8vw;padding-bottom:1vw}#PortfolioCase main article ul li{list-style:disc none outside}#PortfolioCase main article span section:nth-child(2),#PortfolioCase main article span section:nth-child(3){padding-top:.5vw}#PortfolioCase main article .Grid{grid-gap:.5vw;display:grid;gap:.5vw;height:auto;padding:0 1vw;position:relative;width:100%}#PortfolioCase main article .Grid img{cursor:pointer;width:100%}#PortfolioCase main article .Grid div{height:100%;position:relative;width:auto}#PortfolioCase main article .Grid div:hover img:first-child{opacity:1}#PortfolioCase main article .Grid div:hover img:nth-child(2){opacity:0}#PortfolioCase main article .Grid div img{height:auto;opacity:0;transition:.5s;vertical-align:top;width:100%}#PortfolioCase main article .Grid div img.Disapear{left:0;opacity:1;position:absolute;top:0}#PortfolioCase main article .Grid div img.MediumSize{left:50%;margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:75%}#PortfolioCase main article .Grid div img.MediumSize:nth-child(2){margin-left:0}#PortfolioCase main article .Grid2{grid-template-columns:1fr 1fr}#PortfolioCase main article .Grid3{grid-template-columns:1fr 1fr 1fr}#PortfolioCase main article .Border img{border:1px solid #6d6666}#About{align-items:center;-webkit-animation:FadeIn .5s backwards;animation:FadeIn .5s backwards;display:flex;justify-content:center;padding-bottom:5vw;position:relative}@keyframes FadeIn{0%{top:3vw}to{top:0}}#About h2{font-size:1vw;padding-top:2vw;text-transform:uppercase}#About h2,#About h2 .AboutTitle,#About h2 .AboutTitle .false{color:hsla(0,0%,50%,.357)}#About h2 .AboutTitle .DayHighlight{color:#000}#About hr{border-top:.2vw solid #3f5c40;width:2.5vw}#About hr.MorningTime{margin-left:0}#About hr.DayTime{margin-left:6.7vw}#About hr.EveningTime{margin-left:12.6vw}#About main{background-color:hsla(0,0%,100%,.854);border-radius:1vw;box-shadow:0 1px 4px rgba(0,0,0,.16);padding:3vw 4vw;width:50vw}#About main .FlexWrapper{display:flex;gap:2vw}#About main h1{color:hsla(0,0%,50%,.357);font-size:2vw;text-align:center;text-transform:uppercase}#About main i,#About main p{color:#6d6666;font-size:.8vw;padding-top:1vw}#About main i #WaveHand,#About main p #WaveHand{font-size:1vw}#About main i:nth-child(4),#About main p:nth-child(4){padding-top:0}#About main #CV ul{padding-top:.3vw;width:11vw}#About main #CV ul li{align-items:center;color:#6d6666;display:flex;font-size:.8vw;justify-content:space-between;padding-bottom:.5vw}#About main #CV ul li img{width:1vw}#About main #CV ul li img.Shadow{box-shadow:0 1px 4px rgba(0,0,0,.334)}#About main #CV ul.NoFlex li{display:block}#About main #CV ul.NoFlex li .Bold{color:#6d6666;font-weight:700}#About main #CV ul.NoFlex li .Small{color:#6d6666;font-size:.7vw}#About main #CV ul.SocialLinks{display:flex;gap:.5vw;justify-content:flex-start}#About main #CV ul.SocialLinks li:nth-child(3){position:relative;-webkit-transform:rotate(90deg);transform:rotate(90deg)}#About main #CV ul.SocialLinks li:nth-child(3) img{-webkit-animation:ShakeSMall 1s ease-in-out infinite alternate;animation:ShakeSMall 1s ease-in-out infinite alternate;bottom:1.5vw;position:absolute;right:0}@-webkit-keyframes ShakeSMall{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(3px);transform:translateY(3px)}}#About main #CV ul.SocialLinks li a img{border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.334);width:1.5vw}#About main #Skills h2{text-align:center}#About main #Skills hr{margin:auto}#About main #Skills ul{display:flex;flex-wrap:wrap;gap:.5vw;justify-content:center;padding-top:1vw}#About main #Skills ul li{background-color:#3f5c40;border-radius:1vw;box-shadow:0 1px 4px rgba(0,0,0,.334);color:#fff;font-size:.7vw;font-weight:700;padding:.3vw .5vw;text-transform:uppercase}#Contact #Galaxy{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:absolute;top:0;width:100vw;z-index:-1}#Contact #Galaxy #CvBtt,#Contact #Galaxy img{display:none}#Contact #Galaxy svg{scale:145%;z-index:-1}#Contact #Galaxy svg .st0{fill:#3f5c40;opacity:10%}#Contact #Galaxy svg .st1{fill:#3f5c40;opacity:30%}#Contact #Galaxy svg .st2{fill:#3f5c40;opacity:60%}#Contact #Galaxy svg .st3{fill:#3f5c40;opacity:80%}#Contact #Galaxy svg .st4{fill:#3f5c40;opacity:100%}#Contact #Galaxy svg #GroupEarth3,#Contact #Galaxy svg #GroupGroupEarth3{display:none}#Contact #Galaxy svg #Ring1{-webkit-animation:SpinR 30s linear infinite;animation:SpinR 30s linear infinite}#Contact #Galaxy svg #Ring1,#Contact #Galaxy svg #Ring2{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#Contact #Galaxy svg #Ring2{-webkit-animation:Spin 30s linear infinite;animation:Spin 30s linear infinite}#Contact #Galaxy svg #Ring3{-webkit-animation:SpinR 30s linear infinite;animation:SpinR 30s linear infinite}#Contact #Galaxy svg #Ring3,#Contact #Galaxy svg #Ring4{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#Contact #Galaxy svg #Ring4{-webkit-animation:Spin 30s linear infinite;animation:Spin 30s linear infinite}#Contact #Galaxy svg #Ring5{-webkit-animation:SpinR 30s linear infinite;animation:SpinR 30s linear infinite;transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}#Contact #Galaxy svg #GroupEarth2,#Contact #Galaxy svg #Ring6{display:none}#Contact #Galaxy svg #GroupPluto1,#Contact #Galaxy svg #GroupPluto2{-webkit-animation:Spin 30s linear infinite;animation:Spin 30s linear infinite;-webkit-transform-origin:center;transform-origin:center}#Contact #Galaxy svg #DarkHole1,#Contact #Galaxy svg #DarkHole2{-webkit-animation:SpinR 30s linear infinite;animation:SpinR 30s linear infinite;-webkit-transform-origin:center;transform-origin:center}@keyframes Spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes SpinR{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}#Contact main{align-items:center;display:flex;height:100vh;justify-content:center;position:absolute;top:0;width:100vw;z-index:-1}#Contact main #Card{background-color:#3f5c40;border-radius:50%;height:30vw;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all 1s ease;width:30vw;z-index:2}#Contact main #Card.Flip{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#Contact main #FrontSide{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-attachment:fixed;background-image:url(/static/media/BackgroundLight.7005a54a717d2d403d84.jpg);background-repeat:no-repeat;background-size:cover;border-radius:50%;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:absolute;width:100%}#Contact main #FrontSide h1{color:#fff;font-size:2vw;opacity:50%;position:absolute;text-align:center;text-transform:uppercase;top:2.5vw}#Contact main #FrontSide .Kontakt{position:absolute;top:4.5vw}#Contact main #FrontSide .Kontakt li{align-items:center;color:#fff;display:flex;font-size:.7vw;gap:1vw;justify-content:space-between;opacity:50%;padding-top:.5vw}#Contact main #FrontSide .Kontakt li img{-webkit-filter:brightness(100);filter:brightness(100);width:.8vw}#Contact main #FrontSide article{align-items:center;display:flex;flex-direction:column;gap:.5vw;justify-content:start;padding-top:3.5vw}#Contact main #FrontSide article i,#Contact main #FrontSide article p,#Contact main #FrontSide article span{color:rgba(221,252,223,.99);font-size:.8vw;text-align:center;width:20vw}#Contact main #FrontSide article ul li:first-child:after{content:" 👍";font-size:.8vw;position:absolute}#Contact main #FrontSide article ul li{color:rgba(221,252,223,.99);font-size:1vw;list-style:disc;text-transform:capitalize}#Contact main #FrontSide article img{-webkit-animation:ShakeSMall 1s ease-in-out infinite alternate;animation:ShakeSMall 1s ease-in-out infinite alternate;position:relative;width:1vw}@keyframes ShakeSMall{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(3px);transform:translateY(3px)}}#Contact main #FrontSide .FlipButton{align-items:center;background-color:#1e301e;border:2px solid #1e301e;border-radius:50vw;bottom:2vw;color:#1e301e;cursor:pointer;display:flex;justify-content:center;padding:.5vw;position:absolute;transition:.1s}#Contact main #FrontSide .FlipButton:hover{background-color:#1e301e;outline:5px solid #1e301e;outline-offset:5px}#Contact main #FrontSide .FlipButton img{width:1.5vw}#Contact main #BackSide{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-attachment:fixed;background-image:url(/static/media/BackgroundDark.0dccdd4793a3ba9d65c4.jpg);background-repeat:no-repeat;background-size:cover;border-radius:50%;display:flex;flex-direction:column;gap:1vw;height:100%;justify-content:center;overflow:hidden;position:absolute;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);width:100%}#Contact main #BackSide h1{color:#fff;font-size:2vw;opacity:50%;position:absolute;text-align:center;text-transform:uppercase;top:2.5vw}#Contact main #BackSide .Kontakt{position:absolute;top:4.5vw}#Contact main #BackSide .Kontakt li{align-items:center;color:#fff;display:flex;font-size:.7vw;gap:1vw;justify-content:space-between;opacity:50%;padding-top:.5vw}#Contact main #BackSide .Kontakt li img{-webkit-filter:brightness(100);filter:brightness(100);width:.8vw}#Contact main #BackSide .FlipButton{align-items:center;background-color:#3f5c40;border:2px solid #3f5c40;border-radius:50vw;bottom:0;bottom:2vw;color:#3f5c40;cursor:pointer;display:flex;justify-content:center;padding:.5vw;position:absolute;transition:.1s}#Contact main #BackSide .FlipButton:hover{background-color:#3f5c40;outline:5px solid #3f5c40;outline-offset:5px}#Contact main #BackSide .FlipButton img{width:1.5vw}#Contact main form{align-items:center;display:flex;flex-direction:column;gap:1vw;justify-content:center;padding-top:3vw}#Contact main form div:first-child,#Contact main form div:nth-child(2){display:flex;gap:.5vw}#Contact main form .InputWrapper,#Contact main form .InputWrapperError,#Contact main form .TextareaError{display:flex;flex-direction:column;gap:1vw;position:relative}#Contact main form .InputWrapper.InputWrapperError input,#Contact main form .InputWrapper.InputWrapperError textarea,#Contact main form .InputWrapper.TextareaError input,#Contact main form .InputWrapper.TextareaError textarea,#Contact main form .InputWrapperError.InputWrapperError input,#Contact main form .InputWrapperError.InputWrapperError textarea,#Contact main form .InputWrapperError.TextareaError input,#Contact main form .InputWrapperError.TextareaError textarea,#Contact main form .TextareaError.InputWrapperError input,#Contact main form .TextareaError.InputWrapperError textarea,#Contact main form .TextareaError.TextareaError input,#Contact main form .TextareaError.TextareaError textarea{border:2px solid red}#Contact main form .InputWrapper input,#Contact main form .InputWrapperError input,#Contact main form .TextareaError input{border:2px solid #3f5c40;border-radius:.5vw;color:#000;font-size:.8vw;padding:.5vw;width:8vw}#Contact main form .InputWrapper input::-webkit-input-placeholder,#Contact main form .InputWrapperError input::-webkit-input-placeholder,#Contact main form .TextareaError input::-webkit-input-placeholder{color:#6d6666;font-size:.8vw;font-weight:400;text-transform:capitalize}#Contact main form .InputWrapper input::placeholder,#Contact main form .InputWrapperError input::placeholder,#Contact main form .TextareaError input::placeholder{color:#6d6666;font-size:.8vw;font-weight:400;text-transform:capitalize}#Contact main form .InputWrapper input:focus,#Contact main form .InputWrapper input:hover,#Contact main form .InputWrapperError input:focus,#Contact main form .InputWrapperError input:hover,#Contact main form .TextareaError input:focus,#Contact main form .TextareaError input:hover{outline:5px solid #3f5c40;outline-offset:5px}#Contact main form .InputWrapper textarea,#Contact main form .InputWrapperError textarea,#Contact main form .TextareaError textarea{background-color:#fff;border:2px solid #3f5c40;border-radius:.5vw;color:#000;font-size:.6vw;height:5vw;padding:.5vw;resize:none;width:16.5vw}#Contact main form .InputWrapper textarea::-webkit-input-placeholder,#Contact main form .InputWrapperError textarea::-webkit-input-placeholder,#Contact main form .TextareaError textarea::-webkit-input-placeholder{color:#6d6666;font-size:.6vw;font-weight:400;text-transform:capitalize}#Contact main form .InputWrapper textarea::placeholder,#Contact main form .InputWrapperError textarea::placeholder,#Contact main form .TextareaError textarea::placeholder{color:#6d6666;font-size:.6vw;font-weight:400;text-transform:capitalize}#Contact main form .InputWrapper textarea:focus,#Contact main form .InputWrapper textarea:hover,#Contact main form .InputWrapperError textarea:focus,#Contact main form .InputWrapperError textarea:hover,#Contact main form .TextareaError textarea:focus,#Contact main form .TextareaError textarea:hover{outline:5px solid #3f5c40;outline-offset:5px}#Contact main form .InputWrapper input::-webkit-inner-spin-button,#Contact main form .InputWrapper input::-webkit-outer-spin-button,#Contact main form .InputWrapperError input::-webkit-inner-spin-button,#Contact main form .InputWrapperError input::-webkit-outer-spin-button,#Contact main form .TextareaError input::-webkit-inner-spin-button,#Contact main form .TextareaError input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#Contact main form .InputWrapper input[type=number],#Contact main form .InputWrapperError input[type=number],#Contact main form .TextareaError input[type=number]{-webkit-appearance:textfield;appearance:textfield}#Contact main form span{color:red;font-size:.6vw;font-weight:600;position:absolute;top:2.3vw}#Contact main form .TextareaError span{top:5vw}#Contact main form button{align-items:center;border:2px solid #3f5c40;border-radius:.5vw;color:#6d6666;cursor:pointer;display:flex;font-size:.8vw;font-weight:700;justify-content:center;outline-offset:-5px;padding:.5vw;transition:.1s;width:8vw}#Contact main form button:hover{background-color:#3f5c40;color:rgba(221,252,223,.99);outline:5px solid #3f5c40;outline-offset:5px}#Contact main form #noShow{display:none}#Contact main form #Show{align-items:center;border-radius:50%;display:flex;height:30vw;justify-content:center;pointer-events:none;position:absolute;top:0;width:30vw}#Contact main form #Show div:first-child,#Contact main form #Show div:nth-child(2){-webkit-animation:pulse 1s ease-out 1s;animation:pulse 1s ease-out 1s;border-radius:50%;height:0;opacity:0;position:absolute;width:0}#Contact main form #Show div:nth-child(2){-webkit-animation:pulse 1s ease-out 1.2s;animation:pulse 1s ease-out 1.2s}@-webkit-keyframes pulse{0%{height:2px;opacity:100%;outline:1vw solid #ffc83d;width:2px}to{height:40vw;opacity:0;outline:10vw solid #ffc83d;width:40vw}}@keyframes pulse{0%{height:2px;opacity:100%;outline:1vw solid #ffc83d;width:2px}to{height:40vw;opacity:0;outline:10vw solid #ffc83d;width:40vw}}#Contact main form #Show p{-webkit-animation:PopUp 1s ease-in-out;animation:PopUp 1s ease-in-out;font-size:10vw;left:8vw;pointer-events:none;position:absolute;top:7vw;-webkit-transform:rotate(0deg) scale(110%);transform:rotate(0deg) scale(110%)}@-webkit-keyframes PopUp{0%{top:30vw;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{left:8vw;-webkit-transform:rotate(0deg) scale(110%);transform:rotate(0deg) scale(110%)}80%{left:4vw;top:3vw;-webkit-transform:rotate(-40deg) scale(110%);transform:rotate(-40deg) scale(110%)}to{left:8vw;top:7vw;-webkit-transform:rotate(0deg) scale(110%);transform:rotate(0deg) scale(110%)}}@keyframes PopUp{0%{top:30vw;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{left:8vw;-webkit-transform:rotate(0deg) scale(110%);transform:rotate(0deg) scale(110%)}80%{left:4vw;top:3vw;-webkit-transform:rotate(-40deg) scale(110%);transform:rotate(-40deg) scale(110%)}to{left:8vw;top:7vw;-webkit-transform:rotate(0deg) scale(110%);transform:rotate(0deg) scale(110%)}}#Error{height:100vh;position:absolute;top:0;width:100vw;z-index:-1}#Error main{height:100%;width:100%}#Error main,#Error main #Typewriter{align-items:center;display:flex;justify-content:center}#Error main #Typewriter{font-size:3vw}#Error main #Typewriter .Typewriter span:first-child{color:#6d6666;font-weight:700}#Error main #Typewriter .Typewriter span:nth-child(2){color:#3f5c40;font-weight:700}#Error main .Typewriter_cursor::selection{background-color:red;color:red}@media(max-width:1100px){#PageAnimation #Typewriter{font-size:5vw}.scroll-to-top-button{bottom:-10vw;font-size:2.5vw;padding:2vw;right:1vw}.scroll-to-top-button:hover{outline:none}.scroll-to-top-button.visible{bottom:1vw}header{padding:2vw 5vw;z-index:5}header #HeaderNav{display:none}header.HomePage{align-items:center;flex-direction:column;gap:10vw;height:100vh;justify-content:start;outline:3px solid #1e301e;outline-offset:-12px;padding:20vw 28vw}header.HomePage hr{border-top:1vw solid #3f5c40;width:19vw}header.HomePage #MobileLogo{display:block;margin:auto;position:relative;top:0;width:50%}header.HomePage #MobileLogo,header.HomePage #Title{cursor:pointer;-webkit-transform:translateY(0);transform:translateY(0)}header.HomePage #Title{margin-top:2%;position:static;width:100%}header.HomePage .st0{fill:#3f5c40}header.HomePage .st0,header.HomePage .st1{mix-blend-mode:normal;-moz-mix-blend-mode:normal;-webkit-mix-blend-mode:normal}header.HomePage .st1{fill:#000}header.HomePage .st4{fill:#3f5c40}header.HomePage .st5,header.HomePage .st9 path{fill:#000;mix-blend-mode:normal;-moz-mix-blend-mode:normal;-webkit-mix-blend-mode:normal}header.HomePage #HeaderNav{display:block}header.HomePage #HeaderNav ul{flex-direction:column;gap:6vw;height:100%;justify-content:center;left:0;overflow:hidden;top:0;transition:.5s ease-out;width:100%}header.HomePage #HeaderNav ul li{position:relative}header.HomePage #HeaderNav ul li a{color:#000;font-size:8vw;mix-blend-mode:normal;-moz-mix-blend-mode:normal;-webkit-mix-blend-mode:normal;text-transform:uppercase}header.HomePage #HeaderNav ul li a.active{color:rgba(221,252,223,.99)}header.HomePage #HeaderNav ul li a.active.active+.Hand{left:105%}header.HomePage #HeaderNav ul li .Hand{content:url(/static/media/Hand_Long.125c49de75ee8c9bd442.svg);left:250%;position:absolute;top:50%;-webkit-transform:translate(190%,-50%) rotate(90deg)!important;transform:translate(190%,-50%) rotate(90deg)!important;transition:.1s ease-in-out;width:8vw}header.HomePage .hamburger-react{display:none}header.ContactPage .st0,header.ContactPage .st1{fill:#fff;mix-blend-mode:normal;-moz-mix-blend-mode:normal;-webkit-mix-blend-mode:normal}header.ContactPage .st4{fill:#fff}header.ContactPage .st5,header.ContactPage .st9 path{fill:#fff;mix-blend-mode:normal;-moz-mix-blend-mode:normal;-webkit-mix-blend-mode:normal}header.ContactPage .hamburger-react{fill:#fff;color:#fff;display:block;z-index:5}header.ContactPage .hamburger-react div,header.ContactPage .hamburger-react[aria-expanded=true] div{color:#fff}header .hamburger-react{fill:#3f5c40;color:#3f5c40;display:block;z-index:5}header .hamburger-react div{color:#3f5c40}header .hamburger-react[aria-expanded=true] div{color:#fff}header #burgerActive,header #burgerNotActive{display:block;height:100vh;left:0;overflow-x:hidden;padding:0;position:fixed;top:0;width:100vw;z-index:4}header #burgerActive ul,header #burgerNotActive ul{align-items:center;-webkit-backdrop-filter:blur(14.5px);backdrop-filter:blur(14.5px);background:rgba(30,48,30,.682);display:flex;flex-direction:column;gap:6vw;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;transition:.5s ease-out;width:100%;z-index:9999}header #burgerActive ul li,header #burgerNotActive ul li{position:relative}header #burgerActive ul li a,header #burgerNotActive ul li a{color:#fff;font-size:5vw;mix-blend-mode:normal;-moz-mix-blend-mode:normal;-webkit-mix-blend-mode:normal;text-transform:uppercase}header #burgerActive ul li a.active,header #burgerNotActive ul li a.active{color:rgba(221,252,223,.99)}header #burgerActive ul li a.active.active+.Hand,header #burgerNotActive ul li a.active.active+.Hand{left:120%}header #burgerActive ul li .Hand,header #burgerNotActive ul li .Hand{content:url(/static/media/Hand_Long.125c49de75ee8c9bd442.svg);left:350%;position:absolute;top:50%;-webkit-transform:translate(190%,-50%) rotate(90deg)!important;transform:translate(190%,-50%) rotate(90deg)!important;transition:.1s ease-in-out;width:8vw}header #burgerNotActive{pointer-events:none}header #burgerNotActive ul{margin-left:100%}header #burgerActive{pointer-events:visiblePainted}header #burgerActive ul{margin-left:0}header #Logo,header #MobileLogo{display:none}header #Title{cursor:pointer;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30vw;z-index:1}#Home{display:none}#Portfolio{align-items:center;-webkit-animation:FadeIn .5s backwards;animation:FadeIn .5s backwards;display:flex;justify-content:center;padding-bottom:5vw;padding-top:5vw;position:relative}@-webkit-keyframes FadeIn{0%{top:5vw}to{top:0}}#Portfolio main{align-items:center;display:flex;flex-direction:column;gap:2vw;width:90vw}#Portfolio main img{outline:2px solid #fff;outline-offset:-5px;transition:.5s;vertical-align:top;width:90vw}#Portfolio main a{color:#6d6666;font-size:3vw}#Portfolio main article{margin-top:0}#Portfolio main article i,#Portfolio main article p{color:#6d6666;font-size:2.5vw}#PortfolioCase{align-items:center;-webkit-animation:FadeIn .5s backwards;animation:FadeIn .5s backwards;display:flex;justify-content:center;padding-bottom:5vw;position:relative}#PortfolioCase main{background-color:hsla(0,0%,100%,.854);border-radius:1vw;box-shadow:0 1px 4px rgba(0,0,0,.16);overflow:hidden;padding:0 0 3vw;position:relative;width:90vw}#PortfolioCase main img{width:100%}#PortfolioCase main h1{color:hsla(0,0%,50%,.357);font-size:7vw;text-align:center;text-transform:uppercase}#PortfolioCase main h2{padding-top:5vw}#PortfolioCase main h2,#PortfolioCase main h3{color:hsla(0,0%,50%,.357);font-size:4vw;text-align:center;text-transform:uppercase}#PortfolioCase main h3{font-style:italic}#PortfolioCase main article{display:flex;flex-direction:column;gap:7vw;padding:5vw 4vw}#PortfolioCase main article h4{color:hsla(0,0%,50%,.357);font-size:4vw;text-transform:uppercase}#PortfolioCase main article hr{border-top:1vw solid #3f5c40;margin-bottom:2vw;width:9vw}#PortfolioCase main article .Apps{display:flex;gap:1vw;padding:0 0 10vw}#PortfolioCase main article .Apps li{font-size:1vw;height:0;list-style:none;padding:0}#PortfolioCase main article .Apps li img{border-radius:8px;width:5vw}#PortfolioCase main article .Apps li p{display:none}#PortfolioCase main article b,#PortfolioCase main article p{color:#6d6666;font-size:4.5vw;line-height:1.3}#PortfolioCase main article b{text-transform:uppercase}#PortfolioCase main article ul{padding-left:4vw}#PortfolioCase main article ul b,#PortfolioCase main article ul li{color:#6d6666;font-size:3vw;line-height:1.5;padding-bottom:1vw}#PortfolioCase main article ul li{list-style:disc none outside;text-transform:capitalize}#PortfolioCase main article span section:nth-child(2),#PortfolioCase main article span section:nth-child(3){padding-top:4vw}#PortfolioCase main article .Grid{grid-gap:4vw;display:grid;gap:4vw;height:auto;padding:0 1vw;width:100%}#PortfolioCase main article .Grid img{cursor:pointer;width:100%}#PortfolioCase main article .Grid div{height:100%;position:relative;width:auto}#PortfolioCase main article .Grid div:hover img:first-child{opacity:1}#PortfolioCase main article .Grid div:hover img:nth-child(2){opacity:0}#PortfolioCase main article .Grid div img{height:auto;opacity:1;transition:.5s;vertical-align:top;width:100%}#PortfolioCase main article .Grid div img.Disapear{left:0;opacity:0;position:absolute;top:0}#PortfolioCase main article .Grid div img.MediumSize{left:50%;margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:75%}#PortfolioCase main article .Grid div img.MediumSize:nth-child(2){margin-left:0}#PortfolioCase main article .Grid2{grid-template-columns:1fr 1fr}#PortfolioCase main article .Grid3{grid-template-columns:1fr}#PortfolioCase main article .Border img{border:1px solid #6d6666}#About{align-items:center;-webkit-animation:FadeIn .5s backwards;animation:FadeIn .5s backwards;display:flex;justify-content:center;padding-bottom:5vw;position:relative}#About h2{font-size:4vw;padding-top:8vw;text-transform:uppercase}#About h2,#About h2 .AboutTitle,#About h2 .AboutTitle .false{color:hsla(0,0%,50%,.357)}#About h2 .AboutTitle .DayHighlight{color:#000}#About hr{border-top:1vw solid #3f5c40;width:11vw}#About hr.MorningTime{margin-left:0}#About hr.DayTime{margin-left:27vw}#About hr.EveningTime{margin-left:50.5vw}#About main{background-color:hsla(0,0%,100%,.854);border-radius:1vw;box-shadow:0 1px 4px rgba(0,0,0,.16);padding:3vw 4vw 5vw;width:90vw}#About main .FlexWrapper{display:flex;flex-direction:column;gap:2vw}#About main h1{color:hsla(0,0%,50%,.357);font-size:8vw;padding-top:5vw;text-align:center;text-transform:uppercase}#About main i,#About main p{color:#6d6666;font-size:2.5vw;line-height:1.5;padding-top:3vw}#About main i #WaveHand,#About main p #WaveHand{font-size:3vw}#About main i:nth-child(4),#About main p:nth-child(4){padding-top:0}#About main #CV{margin:auto}#About main #CV ul{padding-top:2vw;width:82vw}#About main #CV ul li{align-items:center;color:#6d6666;display:flex;font-size:3.5vw;justify-content:space-between;padding-bottom:2vw}#About main #CV ul li img{width:5vw}#About main #CV ul li img.Shadow{box-shadow:0 1px 4px rgba(0,0,0,.334)}#About main #CV ul.NoFlex li{display:block}#About main #CV ul.NoFlex li .Bold{color:#6d6666;font-size:4.5vw;font-weight:700}#About main #CV ul.NoFlex li .Small{color:#6d6666;font-size:3.5vw}#About main #CV ul.SocialLinks{display:flex;gap:3vw;justify-content:flex-start}#About main #CV ul.SocialLinks li:nth-child(3){position:relative;-webkit-transform:rotate(90deg);transform:rotate(90deg)}#About main #CV ul.SocialLinks li:nth-child(3) img{-webkit-animation:ShakeSMall 1s ease-in-out infinite alternate;animation:ShakeSMall 1s ease-in-out infinite alternate;bottom:7vw;position:absolute;right:0}@-webkit-keyframes ShakeSMall{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(3px);transform:translateY(3px)}}@keyframes ShakeSMall{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(3px);transform:translateY(3px)}}#About main #CV ul.SocialLinks li a img{border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.334);width:10vw}#About main #Skills h2{padding-left:0;text-align:left}#About main #Skills hr{margin-left:0}#About main #Skills ul{display:flex;flex-wrap:wrap;gap:1vw;justify-content:center;padding-top:3vw}#About main #Skills ul li{background-color:#3f5c40;border-radius:3vw;box-shadow:0 1px 4px rgba(0,0,0,.334);color:#fff;font-size:2.5vw;font-weight:700;padding:1.5vw 2vw;text-transform:uppercase}#Contact{align-items:center;background-attachment:fixed;background-image:url(/static/media/BackgroundDark.0dccdd4793a3ba9d65c4.jpg);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;padding-bottom:5vw;padding-top:15vw;position:absolute;top:0;width:100vw}#Contact #Galaxy{display:none}#Contact main{align-items:center;-webkit-animation:FadeIn .5s backwards;animation:FadeIn .5s backwards;background-color:hsla(0,0%,100%,.405);background:linear-gradient(180deg,#1e301e,#3f5c40);border-radius:1vw;box-shadow:0 1px 4px rgba(0,0,0,.16);display:flex;height:auto;justify-content:center;padding:3vw 4vw 0;position:relative;top:0;width:90vw;z-index:1}@keyframes FadeIn{0%{top:3vw}to{top:0}}#Contact main #Card{background-color:hsla(0,0%,50%,0);border-radius:0;height:auto;-webkit-transform-style:flat;transform-style:flat;transition:all 1s ease;width:100vw;z-index:2}#Contact main #Card.Flip{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#Contact main #FrontSide{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:hsla(0,0%,50%,0);background-image:none;border-radius:0;display:flex;flex-direction:column;height:auto;justify-content:start;overflow:hidden;position:static;width:100%}#Contact main #FrontSide h1{color:#fff;font-size:8vw;opacity:50%;position:static;text-align:center;text-transform:uppercase;top:2.5vw}#Contact main #FrontSide .Kontakt{position:static;top:0}#Contact main #FrontSide .Kontakt li{align-items:center;color:#fff;display:flex;font-size:4vw;gap:5vw;justify-content:space-between;opacity:50%;padding-top:2vw}#Contact main #FrontSide .Kontakt li img{-webkit-filter:brightness(100);filter:brightness(100);width:4vw}#Contact main #FrontSide article{align-items:center;display:flex;flex-direction:column;gap:2vw;justify-content:start;padding:10vw 0 0}#Contact main #FrontSide article i,#Contact main #FrontSide article p{color:rgba(221,252,223,.99);font-size:2.5vw;line-height:1.5;text-align:center;width:90vw}#Contact main #FrontSide article p{padding:0 4vw}#Contact main #FrontSide article span{display:none}#Contact main #FrontSide article ul li:first-child:after{content:" 👍";font-size:3vw;position:absolute}#Contact main #FrontSide article ul li{color:rgba(221,252,223,.99);font-size:4vw;list-style:disc;text-transform:capitalize}#Contact main #FrontSide .FlipButton,#Contact main #FrontSide article img{display:none}#Contact main #BackSide{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(30,48,30,0);background-image:none;border-radius:0;display:flex;flex-direction:column;gap:1vw;height:auto;justify-content:center;overflow:hidden;position:static;-webkit-transform:none;transform:none}#Contact main #BackSide .FlipButton,#Contact main #BackSide .Kontakt,#Contact main #BackSide h1{display:none}#Contact main form{align-items:center;display:flex;flex-direction:column;gap:5vw;justify-content:center;overflow:visible;padding:0 0 10vw;-webkit-transform:scale(90%);transform:scale(90%);width:100%}#Contact main form div:first-child,#Contact main form div:nth-child(2){display:flex;gap:2vw}#Contact main form .InputWrapper,#Contact main form .InputWrapperError,#Contact main form .TextareaError{display:flex;flex-direction:column;gap:5vw;position:relative}#Contact main form .InputWrapper.InputWrapperError input,#Contact main form .InputWrapper.InputWrapperError textarea,#Contact main form .InputWrapper.TextareaError input,#Contact main form .InputWrapper.TextareaError textarea,#Contact main form .InputWrapperError.InputWrapperError input,#Contact main form .InputWrapperError.InputWrapperError textarea,#Contact main form .InputWrapperError.TextareaError input,#Contact main form .InputWrapperError.TextareaError textarea,#Contact main form .TextareaError.InputWrapperError input,#Contact main form .TextareaError.InputWrapperError textarea,#Contact main form .TextareaError.TextareaError input,#Contact main form .TextareaError.TextareaError textarea{border:2px solid red}#Contact main form .InputWrapper input,#Contact main form .InputWrapperError input,#Contact main form .TextareaError input{border:2px solid #3f5c40;border-radius:3vw;color:#000;font-size:4vw;padding:3vw;width:44vw}#Contact main form .InputWrapper input::-webkit-input-placeholder,#Contact main form .InputWrapperError input::-webkit-input-placeholder,#Contact main form .TextareaError input::-webkit-input-placeholder{color:#6d6666;font-size:4vw;font-weight:400;text-transform:capitalize}#Contact main form .InputWrapper input::placeholder,#Contact main form .InputWrapperError input::placeholder,#Contact main form .TextareaError input::placeholder{color:#6d6666;font-size:4vw;font-weight:400;text-transform:capitalize}#Contact main form .InputWrapper input:focus,#Contact main form .InputWrapper input:hover,#Contact main form .InputWrapperError input:focus,#Contact main form .InputWrapperError input:hover,#Contact main form .TextareaError input:focus,#Contact main form .TextareaError input:hover{outline:3px solid #fff;outline-offset:3px}#Contact main form .InputWrapper textarea,#Contact main form .InputWrapperError textarea,#Contact main form .TextareaError textarea{background-color:#fff;border:2px solid #3f5c40;border-radius:3vw;color:#000;font-size:4vw;height:30vw;padding:3vw;resize:none;width:90vw}#Contact main form .InputWrapper textarea::-webkit-input-placeholder,#Contact main form .InputWrapperError textarea::-webkit-input-placeholder,#Contact main form .TextareaError textarea::-webkit-input-placeholder{color:#6d6666;font-size:4vw;font-weight:400;text-transform:capitalize}#Contact main form .InputWrapper textarea::placeholder,#Contact main form .InputWrapperError textarea::placeholder,#Contact main form .TextareaError textarea::placeholder{color:#6d6666;font-size:4vw;font-weight:400;text-transform:capitalize}#Contact main form .InputWrapper textarea:focus,#Contact main form .InputWrapper textarea:hover,#Contact main form .InputWrapperError textarea:focus,#Contact main form .InputWrapperError textarea:hover,#Contact main form .TextareaError textarea:focus,#Contact main form .TextareaError textarea:hover{outline:3px solid #fff;outline-offset:3px}#Contact main form .InputWrapper input::-webkit-inner-spin-button,#Contact main form .InputWrapper input::-webkit-outer-spin-button,#Contact main form .InputWrapperError input::-webkit-inner-spin-button,#Contact main form .InputWrapperError input::-webkit-outer-spin-button,#Contact main form .TextareaError input::-webkit-inner-spin-button,#Contact main form .TextareaError input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#Contact main form .InputWrapper input[type=number],#Contact main form .InputWrapperError input[type=number],#Contact main form .TextareaError input[type=number]{-webkit-appearance:textfield;appearance:textfield}#Contact main form span{color:red;font-size:2.5vw;font-weight:600;position:absolute;top:12vw}#Contact main form .TextareaError span{top:31vw}#Contact main form button{align-items:center;border:2px solid #3f5c40;border-radius:3vw;color:#6d6666;cursor:pointer;display:flex;font-size:4vw;font-weight:700;justify-content:center;outline-offset:-5px;padding:3vw;transition:.1s;width:30vw}#Contact main form button:hover{background-color:#3f5c40;color:rgba(221,252,223,.99);outline:3px solid #3f5c40;outline-offset:3px}#Contact main form #noShow{display:none}#Contact main form #Show{align-items:center;border-radius:50%;display:flex;height:30vw;justify-content:center;pointer-events:none;position:absolute;top:20vw;-webkit-transform:scale(200%);transform:scale(200%);width:30vw}#Contact main form #Show div:first-child,#Contact main form #Show div:nth-child(2){-webkit-animation:pulse 1s ease-out 1s;animation:pulse 1s ease-out 1s;border-radius:50%;height:0;opacity:0;position:absolute;width:0}#Contact main form #Show div:nth-child(2){-webkit-animation:pulse 1s ease-out 1.2s;animation:pulse 1s ease-out 1.2s}@-webkit-keyframes pulse{0%{height:2px;opacity:100%;outline:1vw solid #ffc83d;width:2px}to{height:20vw;opacity:0;outline:10vw solid #ffc83d;width:20vw}}@keyframes pulse{0%{height:2px;opacity:100%;outline:1vw solid #ffc83d;width:2px}to{height:20vw;opacity:0;outline:10vw solid #ffc83d;width:20vw}}#Contact main form #Show p{-webkit-animation:PopUp 1s ease-in-out;animation:PopUp 1s ease-in-out;font-size:10vw;left:8vw;pointer-events:none;position:absolute;top:7vw;-webkit-transform:rotate(0deg) scale(110%);transform:rotate(0deg) scale(110%)}@-webkit-keyframes PopUp{0%{top:10vw;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{left:8vw;-webkit-transform:rotate(0deg) scale(110%);transform:rotate(0deg) scale(110%)}80%{left:4vw;top:3vw;-webkit-transform:rotate(-40deg) scale(110%);transform:rotate(-40deg) scale(110%)}to{left:8vw;top:7vw;-webkit-transform:rotate(0deg) scale(110%);transform:rotate(0deg) scale(110%)}}@keyframes PopUp{0%{top:10vw;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{left:8vw;-webkit-transform:rotate(0deg) scale(110%);transform:rotate(0deg) scale(110%)}80%{left:4vw;top:3vw;-webkit-transform:rotate(-40deg) scale(110%);transform:rotate(-40deg) scale(110%)}to{left:8vw;top:7vw;-webkit-transform:rotate(0deg) scale(110%);transform:rotate(0deg) scale(110%)}}#Error{height:100vh;position:absolute;top:0;width:100vw;z-index:-1}#Error main{height:100%;width:100%}#Error main,#Error main #Typewriter{align-items:center;display:flex;justify-content:center}#Error main #Typewriter{font-size:5vw}#Error main #Typewriter .Typewriter span:first-child{color:#6d6666;font-weight:700}#Error main #Typewriter .Typewriter span:nth-child(2){color:#3f5c40;font-weight:700}#Error main .Typewriter_cursor::selection{background-color:red;color:red}}@media(max-width:768px){#PageAnimation #Typewriter{font-size:10vw}.scroll-to-top-button{bottom:-15vw;font-size:5vw;padding:3vw;right:2vw}.scroll-to-top-button:hover{outline:none}.scroll-to-top-button.visible{bottom:2vw}header{padding:2vw 5vw;z-index:5}header #HeaderNav{display:none}header.HomePage{align-items:center;flex-direction:column;gap:10vw;height:100vh;justify-content:start;outline:3px solid #1e301e;outline-offset:-12px;padding:15vw}header.HomePage hr{border-top:1vw solid #3f5c40;width:20vw}header.HomePage #MobileLogo{display:block;margin:auto;position:relative;top:0;width:50%}header.HomePage #MobileLogo,header.HomePage #Title{cursor:pointer;-webkit-transform:translateY(0);transform:translateY(0)}header.HomePage #Title{margin-top:2%;position:static;width:100%}header.HomePage .st0{fill:#3f5c40}header.HomePage .st0,header.HomePage .st1{mix-blend-mode:normal;-moz-mix-blend-mode:normal;-webkit-mix-blend-mode:normal}header.HomePage .st1{fill:#000}header.HomePage .st4{fill:#3f5c40}header.HomePage .st5,header.HomePage .st9 path{fill:#000;mix-blend-mode:normal;-moz-mix-blend-mode:normal;-webkit-mix-blend-mode:normal}header.HomePage #HeaderNav{display:block}header.HomePage #HeaderNav ul{flex-direction:column;gap:6vw;height:100%;justify-content:center;left:0;overflow:hidden;top:0;transition:.5s ease-out;width:100%}header.HomePage #HeaderNav ul li{position:relative}header.HomePage #HeaderNav ul li a{color:#000;font-size:10vw;mix-blend-mode:normal;-moz-mix-blend-mode:normal;-webkit-mix-blend-mode:normal;text-transform:uppercase}header.HomePage #HeaderNav ul li a.active{color:rgba(221,252,223,.99)}header.HomePage #HeaderNav ul li a.active.active+.Hand{left:105%}header.HomePage #HeaderNav ul li .Hand{content:url(/static/media/Hand_Long.125c49de75ee8c9bd442.svg);left:250%;position:absolute;top:50%;-webkit-transform:translate(190%,-50%) rotate(90deg)!important;transform:translate(190%,-50%) rotate(90deg)!important;transition:.1s ease-in-out;width:8vw}header.HomePage .hamburger-react{display:none}header.ContactPage .st0,header.ContactPage .st1{fill:#fff;mix-blend-mode:normal;-moz-mix-blend-mode:normal;-webkit-mix-blend-mode:normal}header.ContactPage .st4{fill:#fff}header.ContactPage .st5,header.ContactPage .st9 path{fill:#fff;mix-blend-mode:normal;-moz-mix-blend-mode:normal;-webkit-mix-blend-mode:normal}header.ContactPage .hamburger-react{fill:#fff;color:#fff;display:block;z-index:5}header.ContactPage .hamburger-react div,header.ContactPage .hamburger-react[aria-expanded=true] div{color:#fff}header .hamburger-react{fill:#3f5c40;color:#3f5c40;display:block;z-index:5}header .hamburger-react div{color:#3f5c40}header .hamburger-react[aria-expanded=true] div{color:#fff}header #burgerActive,header #burgerNotActive{display:block;height:100vh;left:0;overflow-x:hidden;padding:0;position:fixed;top:0;width:100vw;z-index:4}header #burgerActive ul,header #burgerNotActive ul{align-items:center;-webkit-backdrop-filter:blur(14.5px);backdrop-filter:blur(14.5px);background:rgba(30,48,30,.682);display:flex;flex-direction:column;gap:6vw;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;transition:.5s ease-out;width:100%;z-index:9999}header #burgerActive ul li,header #burgerNotActive ul li{position:relative}header #burgerActive ul li a,header #burgerNotActive ul li a{color:#fff;font-size:10vw;mix-blend-mode:normal;-moz-mix-blend-mode:normal;-webkit-mix-blend-mode:normal;text-transform:uppercase}header #burgerActive ul li a.active,header #burgerNotActive ul li a.active{color:rgba(221,252,223,.99)}header #burgerActive ul li a.active.active+.Hand,header #burgerNotActive ul li a.active.active+.Hand{left:110%}header #burgerActive ul li .Hand,header #burgerNotActive ul li .Hand{content:url(/static/media/Hand_Long.125c49de75ee8c9bd442.svg);left:250%;position:absolute;top:50%;-webkit-transform:translate(190%,-50%) rotate(90deg)!important;transform:translate(190%,-50%) rotate(90deg)!important;transition:.1s ease-in-out;width:8vw}header #burgerNotActive{pointer-events:none}header #burgerNotActive ul{margin-left:100%}header #burgerActive{pointer-events:visiblePainted}header #burgerActive ul{margin-left:0}header #Logo,header #MobileLogo{display:none}header #Title{cursor:pointer;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30vw;z-index:1}#Home{display:none}#Portfolio{align-items:center;-webkit-animation:FadeIn .5s backwards;animation:FadeIn .5s backwards;display:flex;justify-content:center;padding-bottom:5vw;padding-top:5vw;position:relative}@-webkit-keyframes FadeIn{0%{top:5vw}to{top:0}}#Portfolio main{align-items:center;display:flex;flex-direction:column;gap:2vw;width:90vw}#Portfolio main img{outline:2px solid #fff;outline-offset:-5px;transition:.5s;vertical-align:top;width:90vw}#Portfolio main a{color:#6d6666;font-size:3vw}#Portfolio main article{margin-top:2vw}#Portfolio main article i,#Portfolio main article p{color:#6d6666;font-size:3vw}#PortfolioCase{align-items:center;-webkit-animation:FadeIn .5s backwards;animation:FadeIn .5s backwards;display:flex;justify-content:center;padding-bottom:5vw;position:relative}#PortfolioCase main{background-color:hsla(0,0%,100%,.854);border-radius:1vw;box-shadow:0 1px 4px rgba(0,0,0,.16);overflow:hidden;padding:0 0 3vw;position:relative;width:90vw}#PortfolioCase main img{width:100%}#PortfolioCase main h1{color:hsla(0,0%,50%,.357);font-size:7vw;text-align:center;text-transform:uppercase}#PortfolioCase main h2{padding-top:5vw}#PortfolioCase main h2,#PortfolioCase main h3{color:hsla(0,0%,50%,.357);font-size:4vw;text-align:center;text-transform:uppercase}#PortfolioCase main h3{font-style:italic}#PortfolioCase main article{display:flex;flex-direction:column;gap:7vw;padding:5vw 4vw}#PortfolioCase main article h4{color:hsla(0,0%,50%,.357);font-size:5vw;text-transform:uppercase}#PortfolioCase main article hr{border-top:1vw solid #3f5c40;margin-bottom:3vw;width:10vw}#PortfolioCase main article .Apps{display:flex;gap:1vw;padding:0 0 10vw}#PortfolioCase main article .Apps li{font-size:1vw;height:0;list-style:none;padding:0}#PortfolioCase main article .Apps li img{border-radius:5px;width:7vw}#PortfolioCase main article .Apps li p{display:none}#PortfolioCase main article b,#PortfolioCase main article p{color:#6d6666;font-size:4.5vw;line-height:1.3}#PortfolioCase main article b{text-transform:uppercase}#PortfolioCase main article ul{padding-left:4vw}#PortfolioCase main article ul b,#PortfolioCase main article ul li{color:#6d6666;font-size:3vw;line-height:1.5;padding-bottom:1vw}#PortfolioCase main article ul li{list-style:disc none outside;text-transform:capitalize}#PortfolioCase main article span section:nth-child(2),#PortfolioCase main article span section:nth-child(3){padding-top:4vw}#PortfolioCase main article .Grid{grid-gap:4vw;display:grid;gap:4vw;height:auto;padding:0 1vw;width:100%}#PortfolioCase main article .Grid img{cursor:pointer;width:100%}#PortfolioCase main article .Grid div{height:100%;position:relative;width:auto}#PortfolioCase main article .Grid div:hover img:first-child{opacity:1}#PortfolioCase main article .Grid div:hover img:nth-child(2){opacity:0}#PortfolioCase main article .Grid div img{height:auto;opacity:1;transition:.5s;vertical-align:top;width:100%}#PortfolioCase main article .Grid div img.Disapear{left:0;opacity:0;position:absolute;top:0}#PortfolioCase main article .Grid div img.MediumSize{left:50%;margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:75%}#PortfolioCase main article .Grid div img.MediumSize:nth-child(2){margin-left:0}#PortfolioCase main article .Grid2,#PortfolioCase main article .Grid3{grid-template-columns:1fr}#PortfolioCase main article .Border img{border:1px solid #6d6666}#About{align-items:center;-webkit-animation:FadeIn .5s backwards;animation:FadeIn .5s backwards;display:flex;justify-content:center;padding-bottom:5vw;position:relative}#About h2{font-size:4vw;padding-top:10vw;text-transform:uppercase}#About h2,#About h2 .AboutTitle,#About h2 .AboutTitle .false{color:hsla(0,0%,50%,.357)}#About h2 .AboutTitle .DayHighlight{color:#000}#About hr{border-top:1vw solid #3f5c40;width:11vw}#About hr.MorningTime{margin-left:0}#About hr.DayTime{margin-left:27vw}#About hr.EveningTime{margin-left:50.5vw}#About main{background-color:hsla(0,0%,100%,.854);border-radius:1vw;box-shadow:0 1px 4px rgba(0,0,0,.16);padding:3vw 4vw 10vw;width:90vw}#About main .FlexWrapper{display:flex;flex-direction:column;gap:2vw}#About main h1{color:hsla(0,0%,50%,.357);font-size:10vw;padding-top:5vw;text-align:center;text-transform:uppercase}#About main i,#About main p{color:#6d6666;font-size:3vw;line-height:1.5;padding-top:3vw}#About main i #WaveHand,#About main p #WaveHand{font-size:3vw}#About main i:nth-child(4),#About main p:nth-child(4){padding-top:0}#About main #CV{margin:auto}#About main #CV ul{padding-top:2vw;width:82vw}#About main #CV ul li{align-items:center;color:#6d6666;display:flex;font-size:3.5vw;justify-content:space-between;padding-bottom:2vw}#About main #CV ul li img{width:5vw}#About main #CV ul li img.Shadow{box-shadow:0 1px 4px rgba(0,0,0,.334)}#About main #CV ul.NoFlex li{display:block;line-height:1.5}#About main #CV ul.NoFlex li .Bold{color:#6d6666;font-size:4.5vw;font-weight:700}#About main #CV ul.NoFlex li .Small{color:#6d6666;font-size:3.5vw}#About main #CV ul.SocialLinks{display:flex;gap:3vw;justify-content:flex-start}#About main #CV ul.SocialLinks li:nth-child(3){position:relative;-webkit-transform:rotate(90deg);transform:rotate(90deg)}#About main #CV ul.SocialLinks li:nth-child(3) img{-webkit-animation:ShakeSMall 1s ease-in-out infinite alternate;animation:ShakeSMall 1s ease-in-out infinite alternate;bottom:7vw;position:absolute;right:-2vw;width:8vw}@-webkit-keyframes ShakeSMall{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(3px);transform:translateY(3px)}}@keyframes ShakeSMall{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(3px);transform:translateY(3px)}}#About main #CV ul.SocialLinks li a img{border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.334);width:10vw}#About main #Skills h2{padding-left:0;text-align:left}#About main #Skills hr{margin-left:0}#About main #Skills ul{display:flex;flex-wrap:wrap;gap:2vw;justify-content:center;padding-top:3vw}#About main #Skills ul li{background-color:#3f5c40;border-radius:3vw;box-shadow:0 1px 4px rgba(0,0,0,.334);color:#fff;font-size:4vw;font-weight:700;padding:1.5vw 2vw;text-transform:uppercase}#Contact{align-items:center;background-attachment:fixed;background-image:url(/static/media/BackgroundDark.0dccdd4793a3ba9d65c4.jpg);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;padding-bottom:30vw;padding-top:15vw;position:absolute;top:0;width:100vw}#Contact #Galaxy{display:none}#Contact main{align-items:center;-webkit-animation:FadeIn .5s backwards;animation:FadeIn .5s backwards;background-color:hsla(0,0%,100%,.405);background:linear-gradient(180deg,#1e301e,#3f5c40);border-radius:1vw;box-shadow:0 1px 4px rgba(0,0,0,.16);display:flex;height:auto;justify-content:center;padding:3vw 4vw 0;position:relative;top:0;width:90vw;z-index:1}@keyframes FadeIn{0%{top:3vw}to{top:0}}#Contact main #Card{background-color:hsla(0,0%,50%,0);border-radius:0;height:auto;-webkit-transform-style:flat;transform-style:flat;transition:all 1s ease;width:100vw;z-index:2}#Contact main #Card.Flip{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#Contact main #FrontSide{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:hsla(0,0%,50%,0);background-image:none;border-radius:0;display:flex;flex-direction:column;height:auto;justify-content:start;overflow:hidden;position:static;width:100%}#Contact main #FrontSide h1{color:#fff;font-size:12vw;opacity:50%;position:static;text-align:center;text-transform:uppercase;top:2.5vw}#Contact main #FrontSide .Kontakt{position:static;top:0}#Contact main #FrontSide .Kontakt li{align-items:center;color:#fff;display:flex;font-size:5vw;gap:5vw;justify-content:space-between;opacity:50%;padding-top:2vw}#Contact main #FrontSide .Kontakt li img{-webkit-filter:brightness(100);filter:brightness(100);width:5vw}#Contact main #FrontSide article{align-items:center;display:flex;flex-direction:column;gap:2vw;justify-content:start;padding:10vw 0 0}#Contact main #FrontSide article i,#Contact main #FrontSide article p{color:rgba(221,252,223,.99);font-size:3.5vw;line-height:1.5;text-align:center;width:90vw}#Contact main #FrontSide article span{display:none}#Contact main #FrontSide article ul li:first-child:after{content:" 👍";font-size:4vw;position:absolute}#Contact main #FrontSide article ul li{color:rgba(221,252,223,.99);font-size:5vw;list-style:disc;text-transform:capitalize}#Contact main #FrontSide .FlipButton,#Contact main #FrontSide article img{display:none}#Contact main #BackSide{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(30,48,30,0);background-image:none;border-radius:0;display:flex;flex-direction:column;gap:1vw;height:auto;justify-content:center;overflow:hidden;position:static;-webkit-transform:none;transform:none}#Contact main #BackSide .FlipButton,#Contact main #BackSide .Kontakt,#Contact main #BackSide h1{display:none}#Contact main form{align-items:center;display:flex;flex-direction:column;gap:5vw;justify-content:center;overflow:visible;padding:0 10vw 10vw;-webkit-transform:scale(90%);transform:scale(90%);width:100vw}#Contact main form div:first-child,#Contact main form div:nth-child(2){display:flex;gap:2vw}#Contact main form .InputWrapper,#Contact main form .InputWrapperError,#Contact main form .TextareaError{display:flex;flex-direction:column;gap:5vw;position:relative}#Contact main form .InputWrapper.InputWrapperError input,#Contact main form .InputWrapper.InputWrapperError textarea,#Contact main form .InputWrapper.TextareaError input,#Contact main form .InputWrapper.TextareaError textarea,#Contact main form .InputWrapperError.InputWrapperError input,#Contact main form .InputWrapperError.InputWrapperError textarea,#Contact main form .InputWrapperError.TextareaError input,#Contact main form .InputWrapperError.TextareaError textarea,#Contact main form .TextareaError.InputWrapperError input,#Contact main form .TextareaError.InputWrapperError textarea,#Contact main form .TextareaError.TextareaError input,#Contact main form .TextareaError.TextareaError textarea{border:2px solid red}#Contact main form .InputWrapper input,#Contact main form .InputWrapperError input,#Contact main form .TextareaError input{border:2px solid #3f5c40;border-radius:3vw;color:#000;font-size:4vw;padding:3vw;width:44vw}#Contact main form .InputWrapper input::-webkit-input-placeholder,#Contact main form .InputWrapperError input::-webkit-input-placeholder,#Contact main form .TextareaError input::-webkit-input-placeholder{color:#6d6666;font-size:4vw;font-weight:400;text-transform:capitalize}#Contact main form .InputWrapper input::placeholder,#Contact main form .InputWrapperError input::placeholder,#Contact main form .TextareaError input::placeholder{color:#6d6666;font-size:4vw;font-weight:400;text-transform:capitalize}#Contact main form .InputWrapper input:focus,#Contact main form .InputWrapper input:hover,#Contact main form .InputWrapperError input:focus,#Contact main form .InputWrapperError input:hover,#Contact main form .TextareaError input:focus,#Contact main form .TextareaError input:hover{outline:3px solid #fff;outline-offset:3px}#Contact main form .InputWrapper textarea,#Contact main form .InputWrapperError textarea,#Contact main form .TextareaError textarea{background-color:#fff;border:2px solid #3f5c40;border-radius:3vw;color:#000;font-size:4vw;height:30vw;padding:3vw;resize:none;width:90vw}#Contact main form .InputWrapper textarea::-webkit-input-placeholder,#Contact main form .InputWrapperError textarea::-webkit-input-placeholder,#Contact main form .TextareaError textarea::-webkit-input-placeholder{color:#6d6666;font-size:4vw;font-weight:400;text-transform:capitalize}#Contact main form .InputWrapper textarea::placeholder,#Contact main form .InputWrapperError textarea::placeholder,#Contact main form .TextareaError textarea::placeholder{color:#6d6666;font-size:4vw;font-weight:400;text-transform:capitalize}#Contact main form .InputWrapper textarea:focus,#Contact main form .InputWrapper textarea:hover,#Contact main form .InputWrapperError textarea:focus,#Contact main form .InputWrapperError textarea:hover,#Contact main form .TextareaError textarea:focus,#Contact main form .TextareaError textarea:hover{outline:3px solid #fff;outline-offset:3px}#Contact main form .InputWrapper input::-webkit-inner-spin-button,#Contact main form .InputWrapper input::-webkit-outer-spin-button,#Contact main form .InputWrapperError input::-webkit-inner-spin-button,#Contact main form .InputWrapperError input::-webkit-outer-spin-button,#Contact main form .TextareaError input::-webkit-inner-spin-button,#Contact main form .TextareaError input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#Contact main form .InputWrapper input[type=number],#Contact main form .InputWrapperError input[type=number],#Contact main form .TextareaError input[type=number]{-webkit-appearance:textfield;appearance:textfield}#Contact main form span{color:red;font-size:3vw;font-weight:600;position:absolute;top:13vw}#Contact main form .TextareaError span{top:31vw}#Contact main form button{align-items:center;border:2px solid #3f5c40;border-radius:3vw;color:#6d6666;cursor:pointer;display:flex;font-size:4vw;font-weight:700;justify-content:center;outline-offset:-5px;padding:3vw;transition:.1s;width:30vw}#Contact main form button:hover{background-color:#3f5c40;color:rgba(221,252,223,.99);outline:3px solid #3f5c40;outline-offset:3px}#Contact main form #noShow{display:none}#Contact main form #Show{align-items:center;border-radius:50%;display:flex;height:30vw;justify-content:center;pointer-events:none;position:absolute;top:15vw;-webkit-transform:scale(200%);transform:scale(200%);width:30vw}#Contact main form #Show div:first-child,#Contact main form #Show div:nth-child(2){-webkit-animation:pulse 1s ease-out 1s;animation:pulse 1s ease-out 1s;border-radius:50%;height:0;opacity:0;position:absolute;width:0}#Contact main form #Show div:nth-child(2){-webkit-animation:pulse 1s ease-out 1.2s;animation:pulse 1s ease-out 1.2s}@-webkit-keyframes pulse{0%{height:2px;opacity:100%;outline:1vw solid #ffc83d;width:2px}to{height:15vw;opacity:0;outline:10vw solid #ffc83d;width:15vw}}@keyframes pulse{0%{height:2px;opacity:100%;outline:1vw solid #ffc83d;width:2px}to{height:15vw;opacity:0;outline:10vw solid #ffc83d;width:15vw}}#Contact main form #Show p{-webkit-animation:PopUp 1s ease-in-out;animation:PopUp 1s ease-in-out;font-size:10vw;left:8vw;pointer-events:none;position:absolute;top:7vw;-webkit-transform:rotate(0deg) scale(110%);transform:rotate(0deg) scale(110%)}@-webkit-keyframes PopUp{0%{top:50vw;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{left:8vw;-webkit-transform:rotate(0deg) scale(110%);transform:rotate(0deg) scale(110%)}80%{left:4vw;top:3vw;-webkit-transform:rotate(-40deg) scale(110%);transform:rotate(-40deg) scale(110%)}to{left:8vw;top:7vw;-webkit-transform:rotate(0deg) scale(110%);transform:rotate(0deg) scale(110%)}}@keyframes PopUp{0%{top:50vw;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{left:8vw;-webkit-transform:rotate(0deg) scale(110%);transform:rotate(0deg) scale(110%)}80%{left:4vw;top:3vw;-webkit-transform:rotate(-40deg) scale(110%);transform:rotate(-40deg) scale(110%)}to{left:8vw;top:7vw;-webkit-transform:rotate(0deg) scale(110%);transform:rotate(0deg) scale(110%)}}#Error{height:100vh;position:absolute;top:0;width:100vw;z-index:-1}#Error main{height:100%;width:100%}#Error main,#Error main #Typewriter{align-items:center;display:flex;justify-content:center}#Error main #Typewriter{font-size:5vw}#Error main #Typewriter .Typewriter span:first-child{color:#6d6666;font-weight:700}#Error main #Typewriter .Typewriter span:nth-child(2){color:#3f5c40;font-weight:700}#Error main .Typewriter_cursor::selection{background-color:red;color:red}}
/*# sourceMappingURL=main.5d5f04ea.css.map*/