body{margin:0}.work-page.svelte-15hxidr{font-family:Arial,sans-serif;text-align:center;padding:2rem;min-height:100vh;background:linear-gradient(180deg,#f8fbff,#eef4fb)}.button-grid.svelte-15hxidr{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem}#overlay.svelte-15hxidr{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background-color:#0f0e10d9;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}#overlay.active.svelte-15hxidr{opacity:1;pointer-events:auto}#frame-container.svelte-15hxidr{background:#f0f0f0;padding:10px;border-radius:10px;box-shadow:0 0 40px #0009;overflow:auto;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-height:90vh;max-width:90vw;transform:scale(.95);transition:all .3s ease}#frame-container.ipad.svelte-15hxidr{background:#000;padding:20px;width:1092.8px;height:819.2px}#frame-container.fullscreen.svelte-15hxidr{width:90vw;height:90vh;border-radius:10px}#overlay.active.svelte-15hxidr #frame-container:where(.svelte-15hxidr){transform:scale(1)}iframe.svelte-15hxidr{border:none;border-radius:10px;background:#fff;flex:0 0 auto}#frame-container.fullscreen.svelte-15hxidr iframe:where(.svelte-15hxidr){border-radius:0}#close-btn.svelte-15hxidr,#toggle-btn.svelte-15hxidr{position:fixed;top:1rem;padding:.5rem 1rem;font-size:1rem;background-color:#333;color:#fff;border:none;cursor:pointer;border-radius:4px;z-index:1100}#toggle-btn.svelte-15hxidr{left:1rem;background-color:#3498db}#close-btn.svelte-15hxidr{right:1rem;background-color:#e74c3c}.open-btn.svelte-15hxidr{padding:.7rem 1.2rem;font-size:1rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;margin:.5rem}.open-btn.svelte-15hxidr:hover{background-color:#2577b5}@media(max-width:1200px){#frame-container.ipad.svelte-15hxidr{width:min(90vw,1092.8px);height:min(67vw,819.2px)}}@media only screen and (min-width:700px)and (min-height:1000px){#aboutBackground,.contact-section-container{border-radius:19px;-webkit-box-shadow:5px 5px 5px 0px #00000047,inset 2px 3px 15px 0px #ffffff42,8px 7px 15px 5px rgba(0,0,0,.32);box-shadow:5px 5px 5px #00000047,inset 2px 3px 15px #ffffff42,8px 7px 15px 5px #00000052}.about-section-container{border-radius:19px 19px 0 0}}body,html{height:100%;color:#777;line-height:1.8;margin:0;overscroll-behavior:none}.bg{width:100%;height:100%;display:flex;justify-content:center}text{font-family:Montserrat}.profile{position:fixed;display:flex;align-items:center;justify-content:center;max-width:700px;max-height:700px;filter:drop-shadow(1.5vw 1.2vw .7vw rgba(16,17,21,.5))}.disclaimer{position:fixed;left:0;right:0;top:20%;text-align:center;color:#fff}.about-section article a{text-decoration:none;color:inherit}.hideAvatar{opacity:0;transition:1.2s}#app{min-height:100%;background-color:#f9e9a2;background:linear-gradient(to bottom,#3f4c6b,#515f89 43%,#3f4c6b)}.display-middle{white-space:nowrap;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;max-width:1650px}.logo-center2{letter-spacing:5px;text-align:center;font-size:24px}.container{padding:.01em 16px;max-width:980px;margin-left:auto;margin-right:auto}.center{text-align:center}.my-image{max-width:100%;height:200px}.display-container{position:relative}.myimage{display:block;position:absolute;width:92%}.circle{width:100%;height:100%;border:16px inset rgb(52,209,164);position:absolute;border-radius:50%;-moz-animation:rotate 6s infinitelinear;-webkit-animation:rotate 6s infinite linear;animation:rotate 8s infinite linear;box-shadow:0 0 5px #0003}.circle-small{width:95%;height:95%;border:8px outset rgb(52,209,164);position:absolute;border-radius:50%;-moz-animation:rotate-rev 3s infinite linear;-webkit-animation:rotate-rev 3s infinite linear;animation:rotate-rev 3s infinite linear;box-shadow:0 0 5px #0003}.circle-dot{width:92%;height:92%;border:thick dotted rgb(133,224,242);position:absolute;border-radius:50%;-moz-animation:rotate-rev 30s infinite linear;-webkit-animation:rotate-rev 30s infinite linear;animation:rotate-rev 30s infinite linear}@-moz-keyframes rotate{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@-moz-keyframes rotate-rev{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(-360deg)}}@-webkit-keyframes rotate-rev{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg)}}@keyframes rotate-rev{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}#php .circleOut{animation:phpCircleBack .6s linear reverse}#php .circleIn,#php .active-skills{animation:phpCircleForward .6s linear forwards}@keyframes phpCircleBack{to{stroke-dashoffset:250}}@keyframes phpCircleForward{to{stroke-dashoffset:220}}#javascript .circleOut{animation:javascriptCircleBack .8s linear reverse}#javascript .circleIn,#j9avascript .active-skills{animation:javascriptCircleForward .8s linear forwards}@keyframes javascriptCircleBack{to{stroke-dashoffset:200}}@keyframes javascriptCircleForward{to{stroke-dashoffset:200}}#react{-webkit-filter:drop-shadow(53px -39px 11px rgba(16,17,21,.5));filter:drop-shadow(53px -39px 11px rgba(16,17,21,.5));transition:filter .6s;animation-duration:70s;animation-timing-function:ease-in;top:2%;right:16%}#react .circleOut{animation:reactCircleBack .5s linear reverse}#react .circleIn{animation:reactCircleForward .5s linear forwards}@keyframes reactCircleBack{to{stroke-dashoffset:240}}@keyframes reactCircleForward{to{stroke-dashoffset:240}}#css .circleOut{animation:cssCircleBack .5s linear reverse}#css .circleIn{animation:cssCircleForward .5s linear forwards}@keyframes cssCircleBack{to{stroke-dashoffset:230}}@keyframes cssCircleForward{to{stroke-dashoffset:230}}#html .circleOut{animation:htmlCircleBack .7s linear reverse}#html .circleIn{animation:htmlCircleForward .7s linear forwards}@keyframes htmlCircleBack{to{stroke-dashoffset:190}}@keyframes htmlCircleForward{to{stroke-dashoffset:190}}#photoshop text{letter-spacing:-2px}#photoshop .circleOut{animation:photoshopCircleBack .6s linear reverse}#photoshop .circleIn{animation:photoshopCircleForward .6s linear forwards}@keyframes photoshopCircleBack{to{stroke-dashoffset:140}}@keyframes photoshopCircleForward{to{stroke-dashoffset:140}}#illustrator text{letter-spacing:-1px}#illustrator .circleOut{animation:illustratorCircleBack .6s linear reverse}#illustrator .circleIn,#illustrator .active-skills{animation:illustratorCircleForward .6s linear forwards}@keyframes illustratorCircleBack{to{stroke-dashoffset:190}}@keyframes illustratorCircleForward{to{stroke-dashoffset:190}}#indesign text{letter-spacing:-2px}#indesign .circleOut{animation:indesignCircleBack .5s linear reverse}#indesign .circleIn,#indesign .active-skills{animation:indesignCircleForward .5s linear forwards}@keyframes indesignCircleBack{to{stroke-dashoffset:180}}@keyframes indesignCircleForward{to{stroke-dashoffset:180}}#bootstrap{-webkit-filter:drop-shadow(-16px -14px 5px rgba(16,17,21,.4));filter:drop-shadow(-16px -14px 5px rgba(16,17,21,.4));transition:filter .4s;top:16%;left:6%;animation-duration:75s;animation-name:bounce-1}#bootstrap text{letter-spacing:-1px}#bootstrap .circleOut{animation:bootstrapCircleBack .8s linear reverse}#bootstrap .circleIn,#bootstrap .active-skills{animation:bootstrapCircleForward .8s linear forwards}@keyframes bootstrapCircleForward{to{stroke-dashoffset:110}}#wordpress text{letter-spacing:-1px}#wordpress .circleOut{animation:wordpressCircleBack .6s linear reverse}#wordpress .circleIn,#wordpress .active-skills{animation:wordpressCircleForward .6s linear forwards}@keyframes wordpressCircleBack{to{stroke-dashoffset:230}}@keyframes wordpressCircleForward{to{stroke-dashoffset:190}}#mysql text{letter-spacing:-1px}#mysql .circleOut{animation:mysqlCircleBack .5s linear reverse}#mysql .circleIn,#mysql .active-skills{animation:mysqlCircleForward .5s linear forwards}@keyframes mysqlCircleBack{to{stroke-dashoffset:260}}@keyframes mysqlCircleForward{to{stroke-dashoffset:260}}#seo{-webkit-filter:drop-shadow(6px 4px 3px rgba(16,17,21,.5));filter:drop-shadow(-14px 10px 4px rgba(16,17,21,.5));transition:filter .4s;bottom:22%;left:28%;animation-duration:75s;animation-timing-function:ease-in;animation-name:bounce-1}#seo .circleOut{animation:seoCircleBack .4s linear reverse}#seo .circleIn{animation:seoCircleForward .4s linear forwards}@keyframes seoCircleBack{to{stroke-dashoffset:270}}@keyframes seoCircleForward{to{stroke-dashoffset:216}}.skills circle{stroke-dasharray:360;stroke-dashoffset:359}#php{-webkit-filter:drop-shadow(-8px 5px 2px rgba(16,17,21,.5));filter:drop-shadow(-8px 5px 2px rgba(16,17,21,.5));transition:filter .4s;bottom:26%;left:1%}#javascript{-webkit-filter:drop-shadow(-23px -12px 7px rgba(0,0,0,.5));filter:drop-shadow(-23px -12px 7px rgba(0,0,0,.5));transition:filter .4s;top:15%;left:26%;animation-duration:95s;animation-timing-function:ease-out;animation-name:bounce-2}#css{-webkit-filter:drop-shadow(27px 12px 5px rgba(16,17,21,.3));filter:drop-shadow(1px 10px 2px rgba(16,17,21,.4));transition:filter .4s;bottom:17%;right:14%;animation-duration:80s;animation-timing-function:ease-out}#html{-webkit-filter:drop-shadow(25px 5px 15px rgba(16,17,21,.4));filter:drop-shadow(25px 5px 15px rgba(16,17,21,.4));transition:filter .4s;top:39%;right:1%;animation-duration:100s;animation-name:bounce-2;animation-timing-function:ease-in}#photoshop{-webkit-filter:drop-shadow(10px 6px 2px rgba(16,17,21,.6));filter:drop-shadow(10px 6px 2px rgba(16,17,21,.6));transition:filter .4s;bottom:15%;right:2%;animation-duration:75s;animation-name:bounce-2}#illustrator{-webkit-filter:drop-shadow(1px -10px 3px rgba(16,17,21,.4));filter:drop-shadow(1px -10px 3px rgba(16,17,21,.4));transition:filter .3s;top:9%;left:45%;animation-duration:95s;animation-name:bounce-1}#indesign{-webkit-filter:drop-shadow(6px 4px 3px rgba(16,17,21,.5));filter:drop-shadow(-10px -2px 5px rgba(16,17,21,.5));transition:filter .4s;top:42%;left:10%;animation-duration:95s;animation-name:bounce-1}#wordpress{-webkit-filter:drop-shadow(-3px -4px 2px rgba(16,17,21,.6));filter:drop-shadow(-3px -4px 2px rgba(16,17,21,.6));transition:filter .4s;top:30%;left:28%;animation-duration:75s;animation-name:bounce-1}#mysql{-webkit-filter:drop-shadow(6px 4px 3px rgba(16,17,21,.5));filter:drop-shadow(8px -4px 3px rgba(16,17,21,.5));transition:filter .4s;top:43%;right:28%;animation-duration:95s;animation-timing-function:ease-out;animation-name:bounce-1}.skills{animation-duration:60s;animation-iteration-count:infinite;transform-origin:bottom;animation-name:bounce-1;animation-timing-function:linear;position:absolute;cursor:default}@keyframes bounce-1{0%{transform:translateY(0)}50%{transform:translateY(9vh)}to{transform:translateY(0)}}@keyframes bounce-2{0%{transform:translate(0) scale(1)}50%{transform:translate(-3vw,-8vh) scale(1.1)}to{transform:translate(0) scale(1)}}#php .nocircle,#javascript .nocircle,#react .nocircle,#css .nocircle,#html .nocircle,#photoshop .nocircle,#illustrator .nocircle,#indesign .nocircle{animation-duration:unset}@keyframes bootstrapCircleBack{to{stroke-dashoffset:110}}@keyframes CircleForward{to{stroke-dashoffset:110}}#name .text{animation:CircleForward 5s linear forwards;stroke-dasharray:240;stroke-dashoffset:-127;font-size:48px;font-family:Prompt,sans-serif}#name{z-index:1;max-width:700px;max-height:700px}.hello{font-size:50%}.max{font-size:60%}#skillsButtons{display:grid;grid-template-columns:20vw 140px 20vw;grid-template-columns:20vw calc(5vw + 100px) 20vw;grid-template-rows:auto;grid-column-gap:5px;justify-items:center;position:fixed;bottom:5%;z-index:3}#skillsButtons a{padding:3px 10px;white-space:pre;-webkit-box-shadow:0px 19px 20px 2px #858585;box-shadow:0 19px 20px 2px #858585}#Skills svg.inactive{filter:drop-shadow(0 0 0) blur(4px);transition:filter .4s;pointer-events:none;z-index:0}#Skills svg.active{z-index:1}#Fozzy{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .4s,filter .4s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;top:93%;left:93%;position:fixed;margin-left:-40px;filter:drop-shadow(.3vw .2vh 2px rgba(16,17,21,.5));opacity:.7}#Fozzy:hover{filter:drop-shadow(.7vw .5vh 4px rgba(16,17,21,.5));transition:.4s;opacity:1}#Reverence{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .4s,filter .4s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;top:93%;left:7%;position:fixed;margin-right:-40px;filter:drop-shadow(.3vw .2vh 2px rgba(16,17,21,.5));opacity:.7}#Reverence:hover{filter:drop-shadow(.7vw .5vh 4px rgba(16,17,21,.5));transition:.4s;opacity:1}#reverence-link{text-decoration:none;vertical-align:middle}#reverence-link-span{text-indent:-9999px;display:inline-block;overflow:hidden;height:0;width:0}.ham{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .4s,filter .4s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;top:83%;left:50%;position:fixed;margin-left:-40px;z-index:3;filter:drop-shadow(.7vw .5vh 4px rgba(16,17,21,.5))}#Wow:hover{filter:drop-shadow(.3vw .2vh 2px rgba(16,17,21,.5));transition:.4s}.hamRotate.active{transform:rotate(45deg)}.line{fill:none;transition:stroke-dasharray .4s,stroke-dashoffset .4s;stroke-width:5.5;stroke-linecap:round}.ham .top{stroke-dasharray:40 160}.ham .middle{stroke-dasharray:40 142;transform-origin:50%;transition:transform .4s}.ham .bottom{stroke-dasharray:40 85;transform-origin:50%;transition:transform .4s,stroke-dashoffset .4s}.ham.active .top{stroke-dashoffset:-64px}.ham.active .middle{transform:rotate(90deg)}.ham.active .bottom{stroke-dashoffset:-64px}.point{cursor:pointer}#control-menu g.point{transition:2s}#control-menu g.point:hover{transform:translate(-1px,-1px) scale(1.02);transition:.3s}.point:hover .bottomskills,.point:hover .upskills{text-shadow:none;transition:text-shadow .3s}#control-menu.controlUploaded{transition:transform 0s,opacity 0s}#control-menu{transition:transform 1s,1.7s,opacity 3s}#control-menu.controlInActive{position:absolute;z-index:0;opacity:0;transform:scale(.5) rotate(181deg)}#control-menu text{font-size:9px;fill:#d9d34c;stroke-width:.2}.st0{fill:#fff;stroke:#000;stroke-miterlimit:10}.st1{fill:url(#myGradient);stroke:#624e8a;stroke-miterlimit:10;stroke-width:.2}.st2{fill:none;stroke:#000;stroke-width:0}.upskills{text-shadow:0 1px 0 #37deaf;transition:text-shadow .3s}.bottomskills{text-shadow:0 -1px 0 #37deaf;transition:text-shadow .3s}.transmenu.menu-skills{transform:translate(-15%,-15%)}.transmenu.menu-contact{transform:translate(15%,15%)}.transmenu.menu-projects{transform:translate(15%,-15%)}.transmenu.menu-about{transform:translate(-15%,15%)}.controlActive .transmenu{transform:translate(0);opacity:1;transition:transform 1.2s,opacity 1.1s;transition-timing-function:cubic-bezier(.1,.7,1,.1)}.controlActive path.st1{animation-duration:.8s;opacity:1}.transmenu{opacity:0;transition:transform .4s,opacity 1.3s}.controlActive .st1.menu-contact{animation-name:menuContact}@keyframes menuContact{0%{transform:translate(12%,12%) scale(.6)}40%{transform:translate(15%,15%) scale(1.1)}to{transform:translate(0) scale(1)}}.controlActive .st1.menu-projects{animation-name:menuProjects}@keyframes menuProjects{0%{transform:translate(12%,12%) scale(.6)}30%{transform:translate(15%,-15%) scale(1.1)}to{transform:translate(0) scale(1)}}.controlActive .st1.menu-skills{animation-name:menuSkills}@keyframes menuSkills{0%{transform:translate(12%,12%) scale(.6)}50%{transform:translate(-15%,-15%) scale(1.1)}to{transform:translate(0) scale(1)}}.controlActive .st1.menu-about{animation-name:menuAbout}@keyframes menuAbout{0%{transform:translate(12%,12%) scale(.6)}55%{transform:translate(-15%,15%) scale(1.1)}to{transform:translate(0) scale(1)}}.controlActive{position:absolute}.profileCenter{transform:scale(.45)}.avatar{transition:transform 1.2s;z-index:1}.skills-section{position:fixed;width:100vw;height:100vh;display:flex;z-index:2;left:0;overflow:hidden;justify-content:center;align-items:center;background:radial-gradient(circle,#fff 20%,#7087fb,#ed72fc 80%);background:radial-gradient(circle,#fff 8%,#f2e6d6 19%,#d7dde8 38%,#9d9fbf 72%);background-size:100% 100%;background-position:50%;animation-name:blow;animation-duration:.9s}@-webkit-keyframes blow{0%{background-size:500% 100%}to{background-size:100% 100%}}.skills-section .bg{position:fixed;width:100%;max-width:1295px;display:flex}.slideUp{transition:top .5s ease-in,opacity .3s ease-in;-webkit-animation-name:slideUp;-webkit-animation-duration:.5s;animation-name:slideUp;animation-duration:.5s;top:0;opacity:1}@-webkit-keyframes slideUp{0%{top:12.5rem;opacity:0;pointer-events:none}to{top:0;opacity:1;pointer-events:auto}}@keyframes slideUp{0%{top:12.5rem;opacity:0;pointer-events:none}to{top:0;opacity:1;pointer-events:auto}}:root{--nameRect1-length: -180;--nameLastRect1-length: -180;--emailRect1-length: -180;--messageRect1-length: -180}.contact-section{position:fixed;width:100vw;height:100vh;display:flex;z-index:2;left:0;overflow:hidden;justify-content:center;align-items:center;background-size:100% 100%}.contact-section-container{white-space:nowrap;position:absolute;display:flex;flex-direction:column;align-items:center;height:81%;width:100%;max-width:700px;max-height:1000px;height:100%;font-family:Red Hat Display,sans-serif;font-weight:500;font-size:15px;background-image:linear-gradient(120deg,#fdfbfb,#ebedee)}.contact-form-container{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;bottom:24%;height:71%;width:100%}.textContact{stroke:none;font-size:18px;font-weight:100;fill:#475a8c;transform:translateY(0);opacity:1;transition:transform .5s,opacity .6s}.fill:nth-child(1){fill:#e50907;transform:translateY(10px);transition:transform .5s,fill .6s}.fill:nth-child(2){transform:translateY(-10px);opacity:0;transition:transform .5s,opacity .6s}#formField{max-width:650px;max-height:660px;position:absolute;pointer-events:visible}.rect1{fill:none;stroke:#d8d6d6;stroke-width:2;stroke-dasharray:906 340;stroke-dashoffset:0}#nameRect1{animation:nameMoveLeft 1.5s ease-out reverse}.warning #nameRect1{animation:nameMoveRight .5s ease-in forwards}@keyframes nameMoveRight{to{stroke-dashoffset:var(--nameRect1-length)}}@keyframes nameMoveLeft{to{stroke-dashoffset:var(--nameRect1-length)}}#nameLastRect1{animation:nameLastMoveLeft 1.5s ease-out reverse}.warning #nameLastRect1{animation:nameLastMoveRight .5s ease-in forwards}@keyframes nameLastMoveRight{to{stroke-dashoffset:var(--nameLastRect1-length)}}@keyframes nameLastMoveLeft{to{stroke-dashoffset:var(--nameLastRect1-length)}}#emailRect1{animation:emailMoveLeft 1.5s ease-out reverse}.warning #emailRect1{animation:emailMoveRight .5s ease-in forwards}@keyframes emailMoveRight{to{stroke-dashoffset:var(--emailRect1-length)}}@keyframes emailMoveLeft{to{stroke-dashoffset:var(--emailRect1-length)}}#messageRect1{animation:messageMoveLeft 1.5s ease-out reverse}.warning #messageRect1{animation:messageMoveRight .5s ease-in forwards}@keyframes messageMoveRight{to{stroke-dashoffset:var(--messageRect1-length)}}@keyframes messageMoveLeft{to{stroke-dashoffset:var(--messageRect1-length)}}.rect2{fill:none;stroke:#34d1a4;stroke-width:2}.rect3{fill:none;stroke-width:2;stroke-dashoffset:-180;stroke-dasharray:0 554}.warning .rect3{stroke:red;animation:CircleForward 1.1s ease-out forwards;stroke-dasharray:328 366}.warning #messageRect{animation:CircleForwardMessage 1.1s ease-out forwards;stroke-dasharray:328 455}.inputText{border:unset;font-size:18px;font-weight:700;background-color:unset;vertical-align:text-top;outline:none;color:gray;width:96%}.activeField{animation:CircleForward 1.1s ease-out forwards;stroke-dasharray:328 366}@keyframes CircleForward{to{stroke-dashoffset:-366}}#messageGroup .activeField{animation:CircleForwardMessage 1s ease-out forwards;stroke-dasharray:328 452;stroke-dashoffset:0}@keyframes CircleForwardMessage{to{stroke-dashoffset:-451}}#messageInput{height:100%!important;max-width:100%!important;width:100%!important;resize:both;-webkit-rtl-ordering:visual}.placeHolderWar tspan{font-size:15px;stroke-width:.4px;stroke:red;text-shadow:2px 2px 1px #ffffff,2px -2px 0 #ffffff,-2px 2px 0 #ffffff,-2px -2px 0 #ffffff,2px 0px 0 #ffffff,0px 2px 0 #ffffff,-2px 0px 0 #ffffff,0px -2px 0 #ffffff}.placeHolder{font-size:20px;font-family:Jockey One,sans-serif;stroke-dasharray:50%;stroke-dashoffset:0;animation:CircleTextReverse 2s ease-in reverse}.activePlaceHolder{animation:CircleTextForward .7s linear forwards}@keyframes CircleTextForward{0%{stroke-dashoffset:0}to{stroke-dashoffset:50%}}@keyframes CircleTextReverse{0%{stroke-dashoffset:0}to{stroke-dashoffset:50%}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important}.plane{fill:none;stroke:gray;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;transition:.6s}#planeGroup:hover .plane:first-child{fill:gray;transition:.6s}#planeGroup:hover #planeOne .plane{stroke:#fff;transition:.6s}#planeGroup:hover #planeOne{transform-origin:32px 27px;transform:rotate(-9deg);transition:.6s}#planeOne{transform-origin:0;transform:rotate(0);transition:.6s}.border99{border:thin solid black}.greenActive{stroke:#34d1a4;animation:CircleForward 1.5s ease-in reverse;stroke-dasharray:328 366;stroke-dashoffset:0}.displn{display:none}.redActive{stroke:red;animation:CircleRedForward .8s ease-in reverse;stroke-dasharray:159 366}@keyframes CircleRedForward{to{stroke-dashoffset:-160}}.redInActive{stroke:red;animation:CircleRedInForward .8s ease-in forwards;stroke-dasharray:159 366}@keyframes CircleRedInForward{to{stroke-dashoffset:-160}}.modal{position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;background:linear-gradient(0deg,#22c1c3,#22c1c3 17%,#155189 50%,#530b80cc);background:#0f0c29;background:-webkit-linear-gradient(to right,#24243e,#302b63,#0f0c29);background:linear-gradient(to top,#24243e,#302b63f0,#0f0c29fa)}.modalContent{border-radius:7px;padding:3vh 0;border:1px solid #34d1a4;width:80%;max-width:530px;top:30%;position:absolute;font-size:calc(.5vmin + 13px);font-family:Segoe UI,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;font-weight:700;display:flex;flex-direction:column;align-items:center;background-color:#00000038;box-shadow:0 0 1rem #ffffff85;text-align:center;color:#fff}.modalContent p{margin-block-start:0;margin-block-end:0}.close{display:inline-block;padding:2px 18px;border-radius:5px;transition:all .3s ease-out;background:#44ea76;background:linear-gradient(to right,#34d1a4,#34d1a4 28%,#00e2fa);margin-top:24px;font-size:calc(.4vmin + 13px);letter-spacing:.1em;color:#fff;font-family:Montserrat;box-shadow:3px 4px 7px 3px #000;cursor:pointer}.close:hover,.close:focus{color:#eee;box-shadow:1px 2px 4px 1px #000;background:linear-gradient(to right,#34d1a4,#34d1a4 10%,#0dd3e8 62%)}.checkmark{width:70px;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;animation:scale .3s ease-in-out .9s both;overflow:visible;top:calc(-13vh - 32px);position:absolute}.checkmarkCheck{transform-origin:50% 50%;stroke-dasharray:63;stroke-dashoffset:63;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;fill:none;stroke:#fff;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.checkmarkCheck:nth-child(3){stroke:#02020275;stroke-width:12px}.checkmarkCircle{stroke-dasharray:187;stroke-dashoffset:187;stroke-width:2;stroke-miterlimit:10;stroke:#fff;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmarkCircleFill{stroke-width:0;stroke:#34d1a4;fill:none;animation:strokeFill .4s cubic-bezier(.65,0,.45,1) forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.2,1.2,1)}}@keyframes fill{to{box-shadow:0 0 0 70px #34d1a4}}@keyframes strokeFill{to{stroke-width:30px}}@keyframes modalUp{to{transform:translateY(0)}}.about-section{position:fixed;width:100vw;height:100vh;display:flex;z-index:2;left:0;overflow:hidden;justify-content:center;align-items:center}.about-section-container{width:100vw;height:100vh;max-width:700px;max-height:1000px;min-height:auto;font-family:Red Hat Display,sans-serif;font-weight:500;font-size:15px;color:#fff;margin:0 auto;background-image:url(/images/BackgroundforPortfolio.png);background-repeat:no-repeat;background-size:100%}#aboutBackground{display:flex;align-items:center;flex-direction:column;width:100%;height:100%;background:#22c1c3;background:-moz-linear-gradient(0deg,rgba(34,193,195,1) 0%,rgba(34,193,195,1) 17%,rgba(21,81,137,1) 50%,rgba(83,11,128,.7) 100%);background:-webkit-linear-gradient(0deg,rgba(34,193,195,1) 0%,rgba(34,193,195,1) 17%,rgba(21,81,137,1) 50%,rgba(83,11,128,.7) 100%);background:linear-gradient(0deg,#22c1c3,#22c1c3 17%,#155189 50%,#530b80b3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#22c1c3",endColorstr="#530b80",GradientType=1)}#skyDay{fill:url(#skyDay_1_)}#sky{fill:url(#sky_1_)}.about1{fill:#515150;stroke:#303030;stroke-miterlimit:10}.about2{fill:none;stroke:#ffb023;stroke-width:4;stroke-linecap:round;stroke-dasharray:50}.about3{fill:none;stroke:#29b97d;stroke-width:4;stroke-linecap:round;stroke-dasharray:40 50}.about4{fill:none;stroke:#ff4766;stroke-width:4;stroke-linecap:round;stroke-dasharray:60}.blueLine{fill:none;stroke:#4766ff;stroke-width:4;stroke-linecap:round;stroke-dasharray:55}#room,#ellipseLamp{fill:#f0d878}#shade{fill:#feffe2}#roomNight{fill:#1f1144}.about6{fill:#e1e2e0}.about7{fill:#3d0023}.clouds{fill:#35517a}.about9{fill:#fff}.glasses{fill:#dbdbdb;opacity:.4}.about11{fill:#676767}.about12{fill:#82807f}.about13{fill:#353535}.about14{fill:#e9bb87}.about15{fill:#a7a4a1}.about16{fill:#303030}.about17{fill:#d1344b}.about18{fill:#251a0f}.about19{fill:#241709}.about20{fill:none;stroke:#78928f;stroke-width:0;stroke-linecap:round;stroke-linejoin:round}.about21{fill:#c1c0bf}#on-off{fill:#cef8ee}.about23{fill:#70e04b}.about24{fill:none;stroke:#e9187e;stroke-width:4;stroke-miterlimit:10}.about25{fill:#00aeef}.about26{fill:#a967aa}.about27{fill:#2e3192}.about28{fill:#f7941d}.about29{fill:url(#sun-moon_1_)}.about30{fill:#b7b76a}.about31{fill:#844242}.about32{fill:url(#lampLight_1_)}.about33{fill:#f1f2c2}#sun{fill:#ffe047}.st38{stroke:#000;stroke-miterlimit:10}.st39{fill:none;stroke:#000;stroke-width:.25;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.st40{fill:none;stroke:#000;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}#border{fill:none;stroke:url(#lgrad);stroke-width:16;stroke-miterlimit:10}#svgAbout{border-radius:50%;-webkit-filter:drop-shadow(12px 12px 7px rgba(0,0,0,.5));filter:drop-shadow(12px 12px 7px rgba(0,0,0,.5));animation:bounceA 20s linear infinite}@keyframes bounceA{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}#lines{animation:codeMove 8s linear infinite;stroke-linecap:round}@keyframes codeMove{to{transform:translate(-20px,-135px)}}#sky{animation:skyAnime 20s linear infinite}@keyframes skyAnime{0%{opacity:0}25%{opacity:0}35%{opacity:1}70%{opacity:1}80%{opacity:0}to{opacity:0}}#sun-moon{animation:skyAnime 20s linear infinite}.clouds{animation:cloudsAnime 20s linear infinite}@keyframes cloudsAnime{0%{fill:#76daff}25%{fill:#76daff}35%{fill:#35517a}70%{fill:#35517a}80%{fill:#76daff}to{fill:#76daff}}#roomNight{animation:skyAnime 20s linear infinite}#lampLight,#ellipseLamp,#shade,#on-off{animation:DayNight 20s linear infinite}@keyframes DayNight{0%{opacity:0}35.5%{opacity:0}36%{opacity:1}77%{opacity:1}77.5%{opacity:0}to{opacity:0}}#CloudBig{transform:translate(-140px);animation:Cloud 40s linear infinite}#CloudSmall{transform:translate(-185px);animation:Cloud 30s ease-out infinite}@keyframes Cloud{to{transform:translate(175px)}}#cont{width:33.3vw;height:33.3vh;display:flex;justify-content:center;flex:5 3 10px;margin-top:3vh;align-items:flex-end}#aboutInfo{display:flex;align-items:center;flex-direction:column}#aboutInfo article,.review{margin:20px;max-height:50vh;max-width:550px;font-size:calc(.5vmin + 13px);line-height:1.3;box-shadow:0 0 1rem #0003;border-radius:5px;background-color:#ffffff1a;padding:10px;text-align:center}.redline{stroke:red}.greenline{stroke:#8be86d}#aboutName{font-size:28px;margin:inherit;font-size:calc(.8vmin + 25px)}#aboutButtons,#skillsButtons{font-size:10px;padding:10px;font-size:calc(.5vmin + 8px);font-family:Red Hat Display,sans-serif}#aboutButtons a,#skillsButtons a{border-radius:15px;cursor:pointer;text-align:center;color:#fff}#aboutButtons a{padding:6px 9px;margin:10px;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}#aboutButtons .active,#skillsButtons .active{background-color:#491b6d;text-shadow:#efcbf0 0px 0px 1px,#dbb6d9 0px 0px 2px,#a8306c 0px 0px 4px,#ae3370 0px 0px 6px}#aboutButtons .inactive:hover,#skillsButtons .inactive:hover{background-color:#491b6d}#aboutButtons .inactive,#skillsButtons .inactive{background-color:#4d3f58}.webButton{letter-spacing:.5px}#aboutExperience{display:grid;grid-template-columns:auto auto auto 45px;grid-template-rows:19px 19px;grid-column-gap:5px;padding-top:10px}#experienceYears{grid-row:1 / 3;display:flex;align-items:center;justify-content:flex-end;padding-right:16px;font-size:20px}.upperRow{align-items:flex-end;display:flex;font-size:10px}.downRow{align-items:flex-end;display:flex;font-size:13px}#aboutSocial{display:grid;grid-template-columns:10% 10% 20% 10% 10%;grid-template-rows:auto;grid-column-gap:10%;width:82%;flex:5 4 10px;align-items:flex-start}#aboutSocial svg{height:18vh;width:120%;overflow:visible;max-width:60px;animation-duration:.8s;animation-name:bounceSocial3;animation-timing-function:linear}@keyframes bounceSocial{0%{transform:translateY(50px) translate(-50px);opacity:.3}40%{transform:translateY(10px) translate(20px);opacity:.5}60%{transform:translateY(-10px) translate(10px);opacity:.7}to{transform:translateY(0)}}.pathFill{fill:url(#rgrad)}.strokeFillNo{stroke-width:2px;stroke:#fff;stroke:url(#rgrad);fill:none}.secondCircle{stroke:#c3eeee;stroke-width:1px;fill:transparent;stroke-dasharray:21 63;stroke-dashoffset:44;transition:stroke-dasharray .4s,stroke-dashoffset .4s}.secondCircle:hover{stroke-dasharray:84 0;stroke-dashoffset:27;transition:stroke-dasharray .4s,stroke-dashoffset .4s}.pathFill{fill:url(#pathGrad)}.strokeFillNo{stroke:url(#pathGrad)}.firstCircle{fill:url(#circleGrad);stroke:none}.socialShadow{animation-duration:2s;animation-name:socialShadow;animation-timing-function:ease-out;filter:url(#socialShadow)}@keyframes socialShadow{0%{transform:translate(2px,2px) scale(.97)}70%{transform:translate(2px,2px) scale(.97)}to{transform:translate(0) scale(1)}}.ringShow{display:block}.ringNoShow{display:none}.ring{fill:none;stroke-width:0;animation:ring-width .8s 1.12 ease-in-out alternate}@keyframes ring-width{0%{stroke-width:15}to{stroke-width:.1}}#radius{position:fixed}:root{--slide-width: 100%;--slide-height: 100%}.project-section-container{width:100vw;height:100vh;max-width:700px;max-height:1000px;min-height:auto;font-family:Red Hat Display,sans-serif;font-weight:500;font-size:15px;margin:0 auto}.slider-wrap{width:var(--slide-width);height:90%;position:relative;display:flex;justify-content:center;align-items:center}.slider{overflow:hidden;position:relative;font-family:Segoe UI,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;height:var(--slide-height);width:var(--slide-width)}.holder{display:flex;position:relative;height:var(--slide-height)}.shift{transform:translate(0);transition:transform .3s cubic-bezier(.455,.03,.515,.955)}.resetLeft{transform:translate(-100%);transition:none}.slide{flex:1;min-width:var(--slide-width);width:var(--slide-width);height:var(--slide-height);position:relative;background-position:center;background-repeat:no-repeat;background-size:cover}.slide:before{content:"";position:absolute;bottom:0;width:100%;height:110%;background:linear-gradient(#001039,transparent,transparent,#001039)}.navSlider{height:100%;position:absolute;top:0;max-width:108vw;display:flex;width:116%;align-items:center;justify-content:space-between}.navSlider line{stroke:#fffc;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:84;stroke-dashoffset:-83;transition:stroke-dashoffset .3s}.navSlider svg{overflow:visible;cursor:pointer}#rightArrow{-webkit-filter:drop-shadow(9px 5px 6px rgba(16,17,21,.8));filter:drop-shadow(9px 5px 6px rgba(16,17,21,.8))}#leftArrow{-webkit-filter:drop-shadow(-9px 5px 6px rgba(16,17,21,.8));filter:drop-shadow(-9px 5px 6px rgba(16,17,21,.8))}.project-section-container:hover line{stroke-dashoffset:0;transition:stroke-dashoffset .4s}.navSlider svg:hover line{stroke:#fff}.text{position:absolute;color:#fff;top:calc(3% + 15px);left:calc(9% - 21px);font-size:calc(2vmin + 23px);font-weight:700;opacity:0;transform:translate(100%)}.animateSlader .central .text{display:block;opacity:1;transform:translate(0);transition:transform .3s cubic-bezier(.455,.03,.515,.955)}span.description{position:absolute;color:#fff;top:calc(3% + 15px);left:calc(9% - 21px);font-size:calc(.5vmin + 7px);text-transform:uppercase}.projectSkills{font-size:calc(1vmin + 9px);position:absolute;color:#fff;top:calc(10% + 20px);left:calc(9% - 21px)}.projectSkills span{display:flex}.projectSkills .fa{background-color:#ffffff30;border:1px solid #ffffff57;border-radius:50%;margin-right:calc(.4vmin + 2px);width:calc(2vmin + 14px);height:calc(2vmin + 14px);display:flex;align-items:center;justify-content:center}.fa.fa-mobile{font-size:calc(1vmin + 15px);font-weight:100}.fa-television:before{margin-left:2px}.rating{top:3.5%;font-size:calc(2vmin + 13px);font-size:calc(1vmin + 16px);right:calc(9% - 21px);opacity:0;position:absolute;color:#ffdd40;transform:translate(-100%)}.animateSlader .central .rating{display:block;opacity:1;transform:translate(0);transition:transform .4s,opacity .2s cubic-bezier(.455,.03,.515,.955)}.animateSlader .proj4 .rating{display:none}.reviewPic{position:absolute;bottom:calc(7% + 2px);left:calc(9% - 21px);width:36px;height:36px;border-radius:50%;border:2px solid white}.reviewerName{bottom:calc(7% + 19px);font-size:calc(.5vmin + 11px);left:calc(9% + 25px);position:absolute;color:#fff;opacity:0;transform:translateY(-100%)}.animateSlader .central .reviewerName{display:block;opacity:1;transform:translateY(0);transition:transform .4s cubic-bezier(.455,.03,.515,.955)}.reviewerPosition{bottom:calc(7% + 0px);font-size:calc(.5vmin + 11px);left:calc(9% + 25px);position:absolute;color:#fff;opacity:0;transform:translateY(100%)}.animateSlader .central .reviewerPosition{display:block;opacity:1;transform:translateY(0);transition:transform .4s cubic-bezier(.455,.03,.515,.955)}.review{bottom:13vh;position:absolute;color:#fff;line-height:1.2;background-color:#00103947}.projectURL{position:absolute;color:#fff;bottom:calc(6% + 14px);right:5%;border-radius:5px;border:2px solid white;padding:0 5px;z-index:10}.projectURL:hover{background-color:#fff3;border:2px solid rgba(255,255,255,.35)}.projectSkills .tooltiptext{visibility:hidden;width:120px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:fixed;z-index:1;top:12%;left:10%;margin-left:-60px;opacity:0;transition:opacity .3s}.projectSkills i:hover .tooltiptext{visibility:visible;opacity:1}#aboutButtons button,#skillsButtons button,.close{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}#aboutButtons button,#skillsButtons button{background:transparent;color:#fff;cursor:pointer;text-align:center;border-radius:15px}#aboutButtons button{padding:6px 9px;margin:10px;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}#skillsButtons button{padding:3px 10px;white-space:pre;-webkit-box-shadow:0px 19px 20px 2px #858585;box-shadow:0 19px 20px 2px #858585}