@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Hammersmith+One&display=swap";@font-face{font-family:rubik;src:local("Gilroy"),url(../font/Rubik-Black.ttf) format("ttf")}.svg svg{position:absolute;bottom:20vh;width:100%;transform:rotate(180deg) rotateY(180deg);margin:0}.svg svg .path-1{animation:path1 10s infinite}@keyframes path1{0%{d:path("M 0 29 C 192 29 192 90 384 90 L 384 90 L 384 0 L 0 0 Z")}50%{d:path("M 0 112 C 191.5 112 191.5 146 383 146 L 383 146 L 383 0 L 0 0 Z")}to{d:path("M 0 29 C 192 29 192 90 384 90 L 384 90 L 384 0 L 0 0 Z")}}.svg svg .path-2{animation:path2 10s infinite}@keyframes path2{0%{d:path("M 383 90 C 571 90 571 135 759 135 L 759 135 L 759 0 L 383 0 Z")}50%{d:path("M 382 146 C 540.5 146 540.5 81 699 81 L 699 81 L 699 0 L 382 0 Z")}to{d:path("M 383 90 C 571 90 571 135 759 135 L 759 135 L 759 0 L 383 0 Z")}}.svg svg .path-3{animation:path3 10s infinite}@keyframes path3{0%{d:path("M 758 135 C 917 135 917 119 1076 119 L 1076 119 L 1076 0 L 758 0 Z")}50%{d:path("M 698 81 C 841 81 841 152 984 152 L 984 152 L 984 0 L 698 0 Z")}to{d:path("M 758 135 C 917 135 917 119 1076 119 L 1076 119 L 1076 0 L 758 0 Z")}}.svg svg .path-4{animation:path4 10s infinite}@keyframes path4{0%{d:path("M 1075 119 C 1220.5 119 1220.5 200 1366 200 L 1366 200 L 1366 0 L 1075 0 Z")}50%{d:path("M 983 152 C 1174.5 152 1174.5 123 1366 123 L 1366 123 L 1366 0 L 983 0 Z")}to{d:path("M 1075 119 C 1220.5 119 1220.5 200 1366 200 L 1366 200 L 1366 0 L 1075 0 Z")}}.bg-svg{width:100%;transform:rotate(180deg);margin:0;opacity:80%;z-index:5;position:absolute;bottom:0}.footer-motion{position:relative;background:#f8f8ff}.footer{height:21vh;width:100%;background:linear-gradient(to right,#9cf,#99f);margin-top:-10px}.header_motion{position:relative;height:0vh;top:60vh}.header_motion svg{background:#f6f3ff}.header_svg{clip-path:url(#svgPath);position:absolute;bottom:-40vh;opacity:100%;mix-blend-mode:screen;background:#f8f8ff}.toggle{display:block;text-align:center;margin-top:40px;-webkit-user-select:none;user-select:none}.toggle--checkbox{display:none}.toggle--btn{display:block;margin:0 auto;font-size:1.4em;transition:all .35s ease-in}.toggle--btn:hover{cursor:pointer}.toggle--btn,.toggle--btn:before,.toggle--btn:after,.toggle--checkbox,.toggle--checkbox:before,.toggle--checkbox:after,.toggle--feature,.toggle--feature:before,.toggle--feature:after{transition:all .25s ease-in}.toggle--btn:before,.toggle--btn:after,.toggle--checkbox:before,.toggle--checkbox:after,.toggle--feature:before,.toggle--feature:after{content:"";display:block}.cursor{position:fixed;background-color:#000;width:10px;height:10px;border-radius:100%;z-index:1;-webkit-transition:.2s cubic-bezier(.75,-.27,.3,1.33) opacity,.3s cubic-bezier(.75,-1.27,.3,2.33) -webkit-transform;transition:.2s cubic-bezier(.75,-.27,.3,1.33) opacity,.3s cubic-bezier(.75,-1.27,.3,2.33) -webkit-transform;transition:.3s cubic-bezier(.75,-1.27,.3,2.33) transform,.2s cubic-bezier(.75,-.27,.3,1.33) opacity;transition:.3s cubic-bezier(.75,-1.27,.3,2.33) transform,.2s cubic-bezier(.75,-.27,.3,1.33) opacity,.3s cubic-bezier(.75,-1.27,.3,2.33) -webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;z-index:9999999999;-webkit-transform:scale(1);transform:scale(1)}.cursor.active,.cursor.scale,.cursor.menu-active{opacity:1;-webkit-transform:scale(0);transform:scale(0)}.cursor.hovered{opacity:1}.cursor-follower{position:fixed;border:1px solid black;width:30px;height:30px;border-radius:100%;z-index:1;-webkit-transition:.2s cubic-bezier(.75,-.27,.3,1.33) opacity,.2s cubic-bezier(.75,-.27,.3,1.33) background,.6s cubic-bezier(.75,-1.27,.3,2.33) -webkit-transform;transition:.2s cubic-bezier(.75,-.27,.3,1.33) opacity,.2s cubic-bezier(.75,-.27,.3,1.33) background,.6s cubic-bezier(.75,-1.27,.3,2.33) -webkit-transform;transition:.6s cubic-bezier(.75,-1.27,.3,2.33) transform,.2s cubic-bezier(.75,-.27,.3,1.33) opacity,.2s cubic-bezier(.75,-.27,.3,1.33) background;transition:.6s cubic-bezier(.75,-1.27,.3,2.33) transform,.2s cubic-bezier(.75,-.27,.3,1.33) opacity,.2s cubic-bezier(.75,-.27,.3,1.33) background,.6s cubic-bezier(.75,-1.27,.3,2.33) -webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;z-index:10000;-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}.cursor-follower.active{opacity:1;-webkit-transform:scale(3);transform:scale(3)}.cursor-follower.scale{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}.cursor-follower.menu-active{opacity:1;-webkit-transform:scale(3);transform:scale(3);background-color:#000;mix-blend-mode:lighten;opacity:50%}.cursor-follower.hovered{opacity:1}.cursor-follower.icon{-webkit-transform:scale(3);transform:scale(3);opacity:1}.heyIcon:before{background-size:80px;display:inline-block;width:80px;z-index:8888888;height:80px;content:"👋";position:relative;top:-20px;font-size:3rem;left:-20px}.mySkillsIcon:before{background-image:url(../img/cursor.gif);background-size:200px;display:inline-block;width:200px;z-index:-1;height:200px;content:"";position:relative;top:-100px;font-size:3rem;left:-100px;border-radius:50%;mix-blend-mode:difference}.experIcon:before{background-image:url(../img/experience.gif);background-size:100%;background-repeat:no-repeat;display:inline-block;width:400px;z-index:-1;height:400px;content:"";position:relative;top:-150px;font-size:3rem;left:-150px;border-radius:50%;mix-blend-mode:difference}.border{border:none}.emailIcon:before{background-image:url(../img/emailGif.gif);background-size:200px;background-repeat:no-repeat;display:inline-block;width:200px;z-index:-1;height:200px;content:"";position:relative;top:-100px;font-size:3rem;left:-100px;border-radius:50%;mix-blend-mode:difference}.responsive_section{padding:15rem 0vw 55vh 6vw;display:flex;justify-content:center;align-items:center}@media(max-width:449px){.responsive_section{padding:5rem 0vw 55vh 6vw}}.responsive_section h2{width:70vw;color:#fff;filter:drop-shadow(.7px .9px 8.1px rgba(44,44,44,.023)) drop-shadow(1.8px 2.2px 12.2px rgba(44,44,44,.034)) drop-shadow(3.3px 4px 16.2px rgba(44,44,44,.041)) drop-shadow(5.1px 6.2px 20.8px rgba(44,44,44,.049)) drop-shadow(7.6px 9.3px 26.6px rgba(44,44,44,.056)) drop-shadow(11.2px 13.6px 34.9px rgba(44,44,44,.067)) drop-shadow(19px 23px 54px rgba(44,44,44,.09));font-size:3rem}@media(max-width:899px){.responsive_section h2{font-size:2.5rem}}@media(max-width:449px){.responsive_section h2{font-size:2rem;position:relative;top:20vh}}.mockup{width:70vw;z-index:-1;right:10vw;position:relative;filter:drop-shadow(.7px .9px 8.1px rgba(0,25,80,.023)) drop-shadow(1.8px 2.2px 12.2px rgba(0,25,80,.034)) drop-shadow(3.3px 4px 16.2px rgba(0,25,80,.041)) drop-shadow(5.1px 6.2px 20.8px rgba(0,25,80,.049)) drop-shadow(7.6px 9.3px 26.6px rgba(0,25,80,.056)) drop-shadow(11.2px 13.6px 34.9px rgba(0,25,80,.067)) drop-shadow(19px 23px 54px rgba(0,25,80,.205))}.mockup img{width:100%}@media(max-width:449px){.mockup{position:absolute}}.mobiles{position:relative;height:100vh;padding-top:40vh;padding-bottom:15vh}.mobiles .container{display:flex;justify-content:center;align-items:center;position:relative;height:100vh}.mobiles .container .screensContainer{position:relative;display:flex;z-index:-1}.mobiles .container .screens{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;width:90vw}@media(max-width:899px){.mobiles .container .screens{width:100vw}}@media(max-width:449px){.mobiles .container .screens{grid-template-columns:1fr 1fr}}.mobiles .container .screens .img_item{margin:1.3rem;width:20vw;aspect-ratio:3/5.5}@media(max-width:899px){.mobiles .container .screens .img_item{margin:.4rem;width:23vw}}@media(max-width:449px){.mobiles .container .screens .img_item{width:90%;margin:auto}}.mobiles .container .screens .img_item img{box-shadow:.7px .9px 8.1px #00000006,1.8px 2.2px 12.2px #00000009,3.3px 4px 16.2px #0000000a,5.1px 6.2px 20.8px #0000000c,7.6px 9.3px 26.6px #0000000e,11.2px 13.6px 34.9px #0001,19px 23px 54px #00000017;border-radius:20px;height:100%;width:100%;object-fit:cover}.imgToTop{margin-top:-5vh!important}.laptops{width:min(100%,1600px);margin-inline:auto;padding:clamp(4rem,9vh,8rem) clamp(1rem,5vw,5rem);box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,2.5rem)}.project-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:1rem;background:#252525;box-shadow:0 .4rem 1.5rem #0000001f;transition:transform .22s ease,box-shadow .22s ease}.project-card:hover,.project-card:focus-within{transform:translateY(-4px);box-shadow:0 .8rem 2rem #00000038}.project-card>a{display:flex;flex:1;flex-direction:column;color:inherit;text-decoration:none}.project-card__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.2rem;color:#fff}.project-card__header h3{min-width:0;font-size:clamp(1rem,1.5vw,1.25rem)}.project-card__header .project-card__action{flex-shrink:0;color:#b9b9c9;font-size:.8rem;white-space:nowrap;text-decoration:none}.project-card__media{position:relative;overflow:hidden;aspect-ratio:16/10;background:#171717}.project-card__media img,.project-card__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-card__media img{transition:transform .35s ease}.project-card__media.is-previewing img{transform:scale(1.025)}.project-card__video{pointer-events:none}.project-card__empty-media{position:absolute;inset:0;display:grid;place-items:center;color:#c5c5d0;font-size:.9rem}.project-card__gallery-controls{position:absolute;z-index:2;inset-inline:.75rem;bottom:.75rem;display:flex;align-items:center;justify-content:space-between;color:#fff;pointer-events:none}.project-card__gallery-controls button{width:2.25rem;height:2.25rem;border:0;border-radius:50%;color:#fff;background:#000000ad;font:inherit;font-size:1.4rem;cursor:pointer;pointer-events:auto}.project-card__gallery-controls span{padding:.3rem .6rem;border-radius:999px;background:#000000ad;font-size:.75rem}.project-card__hint{position:absolute;right:.8rem;bottom:.8rem;border-radius:999px;padding:.35rem .7rem;color:#fff;background:#0000009e;font-size:.75rem;opacity:0;transition:opacity .18s ease}.project-card__preview-toggle{display:none;position:absolute;z-index:3;left:50%;bottom:.85rem;transform:translate(-50%);display:grid;width:3.25rem;height:3.25rem;place-items:center;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;background:#000000c2;cursor:pointer}.project-card__preview-toggle svg{width:1.5rem;height:1.5rem;fill:currentColor}.project-card:hover .project-card__hint,.project-card:focus-within .project-card__hint{opacity:1}.project-card__description{padding:1rem 1.2rem;margin:0;color:#c5c5d0;font-size:.9rem;line-height:1.55}@media(hover:none),(pointer:coarse){.project-card__hint{display:none}.project-card__preview-toggle{display:grid}.project-card.is-focused-preview{position:relative;z-index:2;transform:scale(1.035);box-shadow:0 .9rem 2.4rem #00000052;transition:transform .18s ease,box-shadow .18s ease!important}}@media(max-width:899px){.laptops{grid-template-columns:1fr;max-width:760px}}@media(prefers-reduced-motion:reduce){.project-card,.project-card__media img,.project-card__hint{transition:none}}.Macbook{width:60vw;position:relative;z-index:-1;left:30vw;transform:scale(1.2) scaleX(-1)}@media(max-width:449px){.Macbook{width:70vw;left:15vw}}*{margin:0;padding:0;font-family:Hammersmith One,sans-serif}html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden;background:#333e}::-webkit-scrollbar-track{background-color:#f8f8ff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#96f;border-radius:2px}.darkMode::-webkit-scrollbar-track{background-color:#18191a!important}.darkMode header,.darkMode .hey,.darkMode .mywork,.darkMode .skills,.darkMode .experince,.darkMode .recentWork,.darkMode .sayHi{background:#18191a;color:#fff}.darkMode header h1,.darkMode .hey h1,.darkMode .mywork h1,.darkMode .skills h1,.darkMode .experince h1,.darkMode .recentWork h1,.darkMode .sayHi h1{color:#9cf}.darkMode .header_motion svg{background:transparent!important}.darkMode .menu a:hover,.darkMode .menu a{color:#9ff!important}.darkMode .box{background:#3d3d3d!important}.darkMode .box h3{color:#fff!important}.darkMode .box p{color:#9cf!important}.darkMode .cursor{background:#fff}.darkMode .cursor-follower{border-color:#fff;background:transparent}.darkMode .degrees,.darkMode .jobs{background-color:#3d3d3d!important}.darkMode .degrees h5,.darkMode .degrees h4,.darkMode .jobs h5,.darkMode .jobs h4{color:#fff}.darkMode .degrees p,.darkMode .jobs p{color:#9ff!important}.darkMode .recentWork .work{box-shadow:none!important}.darkMode .recentWork_list li{color:#fff}.darkMode .sayHi input,.darkMode .sayHi textarea{background:#212121!important;color:#fff!important}.darkMode .sayHi input::placeholder,.darkMode .sayHi textarea::placeholder{color:#fff;opacity:1}.darkMode .sayHi h3,.darkMode .sayHi p{color:#fff!important}.darkMode .sayHi .btn{background:#9cf!important;color:#18191a!important}.spinner-wrapper{position:fixed;inset:0;background-color:#fff;z-index:999999;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.hey .hey_shape{filter:drop-shadow(.7px .9px 8.1px rgba(44,44,44,.023)) drop-shadow(1.8px 2.2px 12.2px rgba(44,44,44,.034)) drop-shadow(3.3px 4px 16.2px rgba(44,44,44,.041)) drop-shadow(5.1px 6.2px 20.8px rgba(44,44,44,.049)) drop-shadow(7.6px 9.3px 26.6px rgba(44,44,44,.056)) drop-shadow(11.2px 13.6px 34.9px rgba(44,44,44,.067)) drop-shadow(19px 23px 54px rgba(44,44,44,.09));position:absolute}.hey .shape-one{width:15vw;top:4%;right:0%;position:absolute;overflow:hidden;vertical-align:middle;z-index:1}@media(max-width:899px){.hey .shape-one{animation:none;transition:none}}.hey .shape-2{width:17vw;left:-5%;top:-30%}@media(max-width:899px){.hey .shape-2{animation:none;transition:none}}.hey .shape-3{right:20%;top:40%;width:15vw}@media(max-width:899px){.hey .shape-3{animation:none;transition:none}}.hey .shape-4{left:-33px;top:91%;width:9vw}@media(max-width:899px){.hey .shape-4{animation:none;transition:none}}@keyframes animationFramesTwo{0%{transform:translate(0) rotate(0)}50%{transform:translateY(100px) rotate(15deg)}to{transform:translate(0) rotate(0)}}header{height:120vh;box-shadow:inset 0 0 2.7px #00000009,inset 0 0 5.9px #0000000e,inset 0 0 10px #0001,inset 0 0 15px #00000013,inset 0 0 21.7px #00000016,inset 0 0 30.7px #00000018,inset 0 0 43.5px #0000001b,inset 0 0 63.1px #0000001e,inset 0 0 97.3px #0002,inset 0 0 173px #0000002b;background:#00000015}@media(max-width:449px){header{height:100vh}}header section{height:70%}header section nav{display:flex;align-items:center;justify-content:space-between;padding:50px 60px;color:#fff;position:absolute;z-index:5555;width:90%}@media(max-width:899px){header section nav{position:relative;padding:50px 10px;margin:0 auto;width:initial}}@media(max-width:449px){header section nav{display:none}header section nav .toggle{display:block!important}}header section nav a{color:#fff;text-decoration:none}header section nav .menu{letter-spacing:2px}header section nav .menu a{margin-right:10px;transition:all .5s}header section nav .menu a:hover{color:#4447b3}header section .title{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;position:relative}header section .title .header-text{margin-left:10vw;color:#fff;font-size:4rem;font-weight:700}header section .title .header-text *{text-transform:uppercase}@media(max-width:449px){header section .title .header-text{font-size:2.5rem;text-align:center;width:90vw;margin:0 auto}}@media(min-width:451px)and (max-width:900px){header section .title .header-text h2{font-size:3rem}header section .title .header-text h6{font-size:2rem}header section .title .header-text h4{font-size:2rem}}header section .title .header-contact-icons{display:flex;color:#fff;margin-left:10vw;padding-top:10px;justify-content:space-between;width:15%;transform:translateY(10vh)}@media(max-width:449px){header section .title .header-contact-icons{width:100%;justify-content:center;align-items:center}}header section .title .header-contact-icons a{text-decoration:none;color:#fff}header section .title .header-contact-icons a img{cursor:pointer}@media(max-width:899px){header section .title .header-contact-icons a img{margin-inline:1rem}}header section .title h5{color:#fff;margin-left:10vw;padding-top:10px}header section .title .div-animation{position:absolute;top:26vh;right:5vw;width:36vw}@media(min-width:451px)and (max-width:900px){header section .title .div-animation{width:50vw!important;z-index:-1}}@media(max-width:449px){header section .title .div-animation{position:relative;width:0vw!important;top:-1vh;right:0;width:90%}}header section .title .shape_1,header section .title .shape_2,header section .title .shape_3,header section .title .shape_4,header section .title .shape_5,header section .title .shape_6,header section .title .shape_7,header section .title .shape_8,header section .title .shape_9,header section .title .shape_10{position:absolute;z-index:-1;filter:drop-shadow(.7px .9px 8.1px rgba(44,44,44,.023)) drop-shadow(1.8px 2.2px 12.2px rgba(44,44,44,.034)) drop-shadow(3.3px 4px 16.2px rgba(44,44,44,.041)) drop-shadow(5.1px 6.2px 20.8px rgba(44,44,44,.049)) drop-shadow(7.6px 9.3px 26.6px rgba(44,44,44,.056)) drop-shadow(11.2px 13.6px 34.9px rgba(44,44,44,.067)) drop-shadow(19px 23px 54px rgba(44,44,44,.09))}header section .title .shape_2{top:-30px;left:240px;width:100px}header section .title .shape_3{top:588px;left:8px}header section .title .shape_4{top:180px;left:240px}header section .title .shape_5{top:610px;left:770px}header section .title .shape_6{top:-60px;right:80px}header section .title .shape_7{top:160px;right:10px;width:100px}header section .title .shape_8{top:90vh;left:85vw;z-index:10}header section .title .shape_9{top:30vh;right:-10vw}header section .title .shape_10{top:0;left:-50px;z-index:5;width:100px}@media(max-width:449px){header section .title .shape_10{top:130vh}}header section .title .av{position:absolute;color:#fff;bottom:5%;left:4vw;letter-spacing:3px;text-transform:uppercase;font-weight:700;font-size:12px}header section .title .av:before{content:"o";color:#fff}header section .title .big-stripes{position:absolute;width:250px;z-index:0;right:0;bottom:0;opacity:.7}header section .hero-cube{position:absolute;top:28%;right:6%;transform:rotate(0);z-index:0;transition:all .5s ease}header section .hero-cube .hero-picture{width:50%}header section .hero-cube-2{position:absolute;top:58%;right:-10%;z-index:0}header section .hero-cube-2 .hero-picture-2{width:50%}.hey{display:flex;flex-direction:row;color:#434246;min-height:100vh;background:#f8f8ff;position:relative}@media(max-width:450px){.hey{display:flex;flex-direction:column}}.hey .light_blue{color:#56a8c6;font-weight:700}.hey .img{padding:2vw;width:50%;display:flex;justify-content:center;align-items:center}@media(max-width:449px){.hey .img{width:100%;height:80%;margin-top:10vh}}.hey .img .cvImg{width:50%;z-index:555}@media(max-width:900px){.hey .img .cvImg{width:35vw;left:auto}}@media(max-width:449px){.hey .img .cvImg{width:60vw;top:initial}}.hey .txt{padding:2vw;display:flex;align-items:flex-start;width:50vw;flex-direction:column}@media(max-width:449px){.hey .txt{align-items:center;width:100vw}}.hey .txt h1{padding-bottom:20px;font-size:5rem;margin-top:0vh}.hey .txt p{width:80%;font-weight:200;font-size:1rem}.hey .txt button{width:40%;color:#fff;border:none;outline:none;height:7vh;margin-top:6vh;cursor:pointer;box-shadow:inset .2rem .2rem 1rem #8abdff,inset -.2rem -.2rem 1rem #915bf5,.9px 1px 2px -5px #00000009,2.3px 2.6px 3.1px -5px #0000000c,4.4px 5px 4.4px -5px #00000010,7.6px 8.6px 6.3px -5px #00000013,15px 17px 11px -5px #0000001c;background-image:linear-gradient(to right,#99f,#bdbdfa 51%,#99f);text-transform:uppercase;transition:.5s;background-size:200% auto;border-radius:50px}.hey .txt button:hover{background-position:right center}.hey .txt button a{text-decoration:none;color:#fff}@media(min-width:451px)and (max-width:900px){.hey .txt button{font-size:x-small}}@media(max-width:449px){.hey .txt button{font-size:11px}}.mywork{display:flex;justify-content:space-evenly;height:70vh;background:#f8f8ff;position:relative}@media(max-width:449px){.mywork{flex-direction:column;align-items:center;height:100vh}}.mywork .strips{position:absolute;left:20px;width:200px;z-index:-1}.mywork .topStrips{z-index:66;left:auto;right:150px;top:300px;width:130px}.mywork .project{background-image:url(/img/mesh-works-small.png);background-position:initial;background-size:cover;border-radius:44% 56% 27% 73%/53% 36% 64% 47%;transition:all 2s ease;animation:border 8s both infinite;box-shadow:.7px .9px 8.1px #2c2c2c06,1.8px 2.2px 12.2px #1a1a1a09,3.3px 4px 16.2px #2c2c2c0a,5.1px 6.2px 20.8px #2c2c2c0c,7.6px 9.3px 26.6px #2c2c2c0e,11.2px 13.6px 34.9px #2c2c2c11,19px 23px 54px #2c2c2c17}@media(max-width:899px){.mywork .project{animation:none;transition:none}}.mywork .project{display:flex;justify-content:center;align-items:center;flex-direction:column}.mywork .project:hover{box-shadow:.7px .9px 8.1px #2c2c2c06,1.8px 2.2px 12.2px #1a1a1a09,3.3px 4px 16.2px #2c2c2c0a,5.1px 6.2px 20.8px #2c2c2c0c,7.6px 9.3px 26.6px #2c2c2c0e,11.2px 13.6px 34.9px #2c2c2c11,19px 23px 54px #2c2c2c17;transform:translateY(-30px)}@keyframes border{0%{border-radius:44% 56% 27% 73%/53% 36% 64% 47%}50%{border-radius:66% 34% 63% 37%/71% 71% 29% 29%}to{border-radius:44% 56% 27% 73%/53% 36% 64% 47%}}@media(min-width:451px)and (max-width:900px){.mywork .project{width:40vw;height:40vw}}@media(max-width:449px){.mywork .project{width:80vw;height:80vw;margin-block:4vh}}.mywork .project .h3{color:#434246;padding-bottom:20px}@media(min-width:451px)and (max-width:900px){.mywork .project .h3{font-size:small}}.mywork .project .p{width:70%;color:#5e5c94;text-align:center;padding-bottom:30px}@media(min-width:451px)and (max-width:900px){.mywork .project .p{font-size:small}}.mywork .project .btn{width:40%;height:6vh;text-align:center;color:#fff;border:none;outline:none;display:flex;justify-content:center;align-items:center;flex-direction:column;background-image:linear-gradient(to right,#99f,#bdbdfa 51%,#99f);text-transform:uppercase;transition:.5s;background-size:200% auto;border-radius:50px}.mywork .project .btn:hover{background-position:right center}.mywork .project .btn{flex-direction:row;cursor:pointer;font-size:.8rem}.mywork .project .btn a{text-decoration:none;color:#fff}@media(min-width:451px)and (max-width:900px){.mywork .project .btn{font-size:x-small}}@media(max-width:449px){.mywork .project .btn{font-size:.8rem}}.mywork .cv{background:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:44% 56% 27% 73%/53% 36% 64% 47%;transition:all 2s ease;animation:brdr 8s both infinite}@media(max-width:899px){.mywork .cv{animation:none;transition:none}}.mywork .cv a{text-decoration:none;color:#fff}.mywork .cv{box-shadow:.7px .9px 8.1px #2c2c2c06,1.8px 2.2px 12.2px #1a1a1a09,3.3px 4px 16.2px #2c2c2c0a,5.1px 6.2px 20.8px #2c2c2c0c,7.6px 9.3px 26.6px #2c2c2c0e,11.2px 13.6px 34.9px #2c2c2c11,19px 23px 54px #2c2c2c17}.mywork .cv:hover{box-shadow:.7px .9px 8.1px #2c2c2c06,1.8px 2.2px 12.2px #1a1a1a09,3.3px 4px 16.2px #2c2c2c0a,5.1px 6.2px 20.8px #2c2c2c0c,7.6px 9.3px 26.6px #2c2c2c0e,11.2px 13.6px 34.9px #2c2c2c11,19px 23px 54px #2c2c2c17;transform:translateY(-30px)}@media(min-width:451px)and (max-width:900px){.mywork .cv{width:40vw;height:40vw}}@media(max-width:449px){.mywork .cv{width:80vw;height:80vw;margin-block:4vh}}@keyframes brdr{0%{border-radius:40% 60% 19% 81%/54% 25% 75% 46%}50%{border-radius:60% 40% 64% 36%/40% 59% 41% 60%}to{border-radius:40% 60% 19% 81%/54% 25% 75% 46%}}.mywork .cv .h3{color:#434246;padding-bottom:20px}@media(min-width:451px)and (max-width:900px){.mywork .cv .h3{font-size:small}}.mywork .cv .p{width:70%;color:#5e5c94;text-align:center;padding-bottom:30px}@media(min-width:451px)and (max-width:900px){.mywork .cv .p{font-size:small}}.mywork .cv .btn{width:40%;height:6vh;text-align:center;color:#fff;border:none;outline:none;display:flex;justify-content:center;align-items:center;flex-direction:column;background-image:linear-gradient(to right,#99f,#bdbdfa 51%,#99f);text-transform:uppercase;transition:.5s;background-size:200% auto;border-radius:50px}.mywork .cv .btn:hover{background-position:right center}.mywork .cv .btn{flex-direction:row;cursor:pointer}@media(min-width:451px)and (max-width:900px){.mywork .cv .btn{font-size:x-small}}@media(max-width:449px){.mywork .cv .btn{font-size:.8rem}}.skills{height:80vh;text-align:center;padding:2vh;position:relative;background-color:#f8f8ff}.skills .skills_shape_1,.skills .skills_shape_2,.skills .skills_shape_3,.skills .skills_shape_4{position:absolute;filter:drop-shadow(.7px .9px 8.1px rgba(44,44,44,.023)) drop-shadow(1.8px 2.2px 12.2px rgba(44,44,44,.034)) drop-shadow(3.3px 4px 16.2px rgba(44,44,44,.041)) drop-shadow(5.1px 6.2px 20.8px rgba(44,44,44,.049)) drop-shadow(7.6px 9.3px 26.6px rgba(44,44,44,.056)) drop-shadow(11.2px 13.6px 34.9px rgba(44,44,44,.067)) drop-shadow(19px 23px 54px rgba(44,44,44,.09))}.skills .skills_shape_1{top:30px;left:40px}.skills .skills_shape_2{top:558px;left:56px;animation:skills_2_animation 5s both ease-in-out infinite}@keyframes skills_2_animation{0%{transform:translate3d(-12px,-8px,10px) scale3d(.9,.9,1) skew(10deg,-10deg)}50%{transform:translateZ(0) scaleZ(1) skew(0)}to{transform:translate3d(-12px,-8px,10px) scale3d(.9,.9,1) skew(10deg,-10deg)}}.skills .skills_shape_3{top:480px;left:720px;animation:skills_3_animation 7s both ease-in-out infinite}@media(max-width:899px){.skills .skills_shape_3{animation:none;transition:none}}@keyframes skills_3_animation{0%{transform:translate(0) skew(0)}50%{transform:translate(-0px,20px) skew(-10deg,9deg)}to{transform:translate(0) skew(0)}}.skills .skills_shape_4{top:540px;left:800px}@media(max-width:449px){.skills{height:initial}}.skills__dots{left:151px!important;top:93px!important}@media(max-width:449px){.skills__dots{left:20px}}.skills__title{color:#434246;left:8vw;font-size:4rem;font-weight:700;text-align:left}.skills__title:hover{color:#fff;z-index:9461364979}.skills__container{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;padding:2%}.skills__container-skill{width:8vw;padding:2% 3%;height:17vh}@media(max-width:449px){.skills__container-skill{width:17vw}}.skills__container .skills-img{width:8vw;transition:all 1s}.skills__container .skills-img:hover{filter:drop-shadow(0px 19px 14px rgba(21,50,72,.1215686275));transform:translatey(-20px)}@media(max-width:899px){.skills__container .skills-img:hover{animation:none;transition:none}}@media(max-width:449px){.skills__container .skills-img{width:100%}}.skills .circle{position:relative;z-index:55;top:-134px;left:-20px}@media(min-width:1440px){.skills .circle{top:-141px;left:-14px}}@media(max-width:900px){.skills .circle{display:none}}.skills .circle:hover .html{stroke-dasharray:400;stroke-dashoffset:0}.skills .circle:hover .css{stroke-dasharray:350;stroke-dashoffset:0}.skills .circle:hover .js{stroke-dasharray:320;stroke-dashoffset:0}.skills .circle:hover .git{stroke-dasharray:220;stroke-dashoffset:0}.skills .circle:hover .react{stroke-dasharray:320;stroke-dashoffset:0}.skills .circle:hover .veu,.skills .circle:hover .api{stroke-dasharray:220;stroke-dashoffset:0}.skills .circle:hover .sass,.skills .circle:hover .jQuery{stroke-dasharray:350;stroke-dashoffset:0}.skills .circle:hover .bootstrap{stroke-dasharray:400;stroke-dashoffset:0}.skills .effect{stroke-dasharray:630;stroke-dashoffset:630;transition:ease-out .5s}.experince{position:relative}.experince h1{color:#fff;font-weight:700;padding:16vh 5vh 3vw 23vh;font-size:5rem}@media(max-width:449px){.experince h1{padding:17vh 8vh 3vw 6vh;font-size:2.5rem}}.experince_shape{position:absolute}.experince .shape_1{left:88px;top:240px;width:80px;z-index:-1}.experince .shape_2{left:632px;top:576px;width:104px;z-index:-1;opacity:.7}.experince .boxes{display:flex;padding:0 10vw;align-items:center;justify-content:center}@media(max-width:449px){.experince .boxes{flex-direction:column;height:initial}}.experince .boxes .degrees{background-color:#fff;border:1px solid white;margin:2vw;padding:2vw;min-height:50%;width:45%}@media(max-width:899px){.experince .boxes .degrees{margin:1vw}}@media(max-width:449px){.experince .boxes .degrees{width:88%}}.experince .boxes .element{color:#434246;padding:4px 0vw}.experince .boxes .element span{color:#d3d2e0;font-weight:500;padding-left:22px}.experince .boxes .element .element-title img{padding-right:5px}@media(max-width:449px){.experince .boxes .element .element-title img{margin-right:5px;width:15px}}.experince .boxes .element .element-title{display:flex;align-items:center}.experince .boxes .element .border{border-left:1.7px solid #9933ff;padding-left:3vw;margin-left:1vw;padding-bottom:1.4vw}@media(max-width:449px){.experince .boxes .element .border{padding-left:20px}}.experince .boxes .element .border p{padding-bottom:.5rem;padding-top:.5rem;color:#5e5c94}.experince .boxes .jobs{background-color:#fff;margin:2vw;padding:2vw;width:45%;height:fit-content}@media(max-width:449px){.experince .boxes .jobs{width:88%}}.shape-img-div{position:absolute;width:45vw;height:0vh;z-index:1;top:104px}.shape-img-div img{position:absolute;width:100%;top:10vh;right:-79vw}.recentWork{padding:10vh 0px}.recentWork .container{position:relative;margin:1.5rem;border-radius:10px;display:flex}@media(max-width:449px){.recentWork .container{flex-direction:column;margin-bottom:10vh;margin-top:20vh}.recentWork .container .rec_title{font-size:2rem;top:-16vh;width:80vw}}.recentWork .work_shape_1{z-index:-1;left:16px;top:8px}.recentWork .work_shape_2{z-index:-1;right:80px;top:640px}.recentWork .work_shape_3{z-index:0;right:88px;top:16px;width:152px}.recentWork .work_shape_4{z-index:-1;left:80px;top:720px}.recentWork .work_shape{position:absolute}.recentWork_list{display:inline-flex;justify-content:flex-start;width:100%}.recentWork_list .liActive{color:#93f}.recentWork_list li{padding-inline:2rem;list-style-type:none;cursor:pointer;color:gray;border-radius:20px}.recentWork_list li:hover{background-color:#d4d4d4}.recentWork .rec__dots{top:100px;left:122px}.recentWork__title{padding:8vh 0 9vh 5vw;font-size:4rem;color:#fff;z-index:6;position:relative}.recentWork__dots{position:relative;z-index:6;top:14px;left:133px;width:30px;opacity:20%}@media(max-width:449px){.recentWork__dots{left:20px}}.recentWork__dots-img{width:40px}.recentWork .works{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:1vw;z-index:6;position:relative}.recentWork .works .work{width:43vw;height:20vw;background:#ebebeb55;box-shadow:.7px .9px 5.3px -5px #00000004,1.8px 2.2px 7.9px -5px #00000006,3.3px 4px 10.5px -5px #00000007,5.1px 6.2px 13.5px -5px #00000008,7.6px 9.3px 17.2px -5px #0000000a,11.2px 13.6px 22.6px -5px #0000000b,19px 23px 35px -5px #0000000f}.recentWork .works .work img{object-fit:cover;width:100%;height:100%}@media(max-width:450px){.recentWork .works .work{width:80vw;height:80vw;margin-block:2rem}}.recentWork .works .p-1{background:#fff url(/img/powerPoint01.png) center center/cover no-repeat!important}.recentWork .works .p-2{background:#fff url(/img/powerPoint02.png) center center/cover no-repeat!important}.recentWork .works .p-3{background:#fff url(/img/powerPoint03.png) center center/cover no-repeat!important}.recentWork .works .p-4{background:#fff url(/img/powerPoint04.png) center center/cover no-repeat!important}.recentWork .works .p-5{background:#fff url(/img/work01.png) center center/cover no-repeat!important}.recentWork .showMoreDiv{display:flex;align-items:center;justify-content:center}@media(min-width:451px)and (max-width:900px){.recentWork .showMoreDiv .showMore{font-size:x-small}}.recentWork .showMoreDiv .showMore{border:none;outline:none;text-align:center;background-image:linear-gradient(to right,#99f,#bdbdfa 51%,#99f);text-transform:uppercase;transition:.5s;background-size:200% auto;border-radius:50px}.recentWork .showMoreDiv .showMore:hover{background-position:right center}.recentWork .showMoreDiv .showMore{color:#fff;cursor:pointer;margin:20px;padding:10px}.sayHi{background-color:#00fffd8a;height:100vh;padding:2vw;position:relative;overflow:hidden}@media(max-width:449px){.sayHi{background-color:#00ffff86;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.sayHi .hi_shape{position:absolute;filter:drop-shadow(.7px .9px 8.1px rgba(44,44,44,.023)) drop-shadow(1.8px 2.2px 12.2px rgba(44,44,44,.034)) drop-shadow(3.3px 4px 16.2px rgba(44,44,44,.041)) drop-shadow(5.1px 6.2px 20.8px rgba(44,44,44,.049)) drop-shadow(7.6px 9.3px 26.6px rgba(44,44,44,.056)) drop-shadow(11.2px 13.6px 34.9px rgba(44,44,44,.067)) drop-shadow(19px 23px 54px rgba(44,44,44,.09))}.sayHi .hi_shape_1{top:12px;left:720px}.sayHi .hi_shape_2{top:540px;left:1030px}.sayHi .hi_shape_3{top:24px;left:16px;animation:translat 10s infinite ease-in-out both}@media(max-width:899px){.sayHi .hi_shape_3{animation:none;transition:none}}@media(max-width:449px){.sayHi .hi_shape_3{width:30vw}}@keyframes translat{0%{transform:translate3d(0,30px,0) scaleY(1.3)}50%{transform:translate3d(20px,0,0) scaleY(.8)}to{transform:translate3d(0,30px,0) scaleY(1.3)}}.sayHi .hi_shape_4{top:420px;left:80px;animation:shape_4 10s infinite ease-in-out both}@media(max-width:899px){.sayHi .hi_shape_4{animation:none;transition:none}}@keyframes shape_4{0%{transform:rotate(5deg)}50%{transform:rotate(0)}to{transform:rotate(5deg)}}.sayHi .container{display:flex;padding:2vw 2vw 2vw 10vw}@media(min-width:451px)and (max-width:900px){.sayHi .container{padding-left:0}}@media(max-width:449px){.sayHi .container{flex-direction:column;padding-left:0vw}}.sayHi .container .text{width:20vw;padding-top:1rem}@media(min-width:451px)and (max-width:900px){.sayHi .container .text{width:40vw}}@media(max-width:449px){.sayHi .container .text{width:100vw;padding-top:0rem;padding-left:1rem;padding-bottom:1rem}}.sayHi .container .text h3,.sayHi .container .text p{color:#434246}.sayHi .container .text p a{color:#93f;text-decoration:none}.sayHi .container .form{width:65vw;position:relative;z-index:888;padding-left:4vw}@media(max-width:899px){.sayHi .container .form{width:100vw}}.sayHi .container .form input,.sayHi .container .form textarea{width:17.4vw;font-size:1rem;height:7vh;margin:1vw;background:#f8f8ff;color:#9baacf;border-radius:10px;padding:2px 2px 2px 25px;box-shadow:inset .2rem .2rem .5rem #c8d0e79c,inset -.2rem -.2rem .5rem #fff;border:none}@media(max-width:449px){.sayHi .container .form input,.sayHi .container .form textarea{width:70vw}}.sayHi .container .form input:focus-visible,.sayHi .container .form textarea:focus-visible{border:none;outline:none}.sayHi .container .form textarea{padding-top:1rem}.sayHi .container .form .btn{box-shadow:inset .2rem .2rem 1rem #8abdff,inset -.2rem -.2rem 1rem #915bf5,.9px 1px 2px -5px #00000009,2.3px 2.6px 3.1px -5px #0000000c,4.4px 5px 4.4px -5px #00000010,7.6px 8.6px 6.3px -5px #00000013,15px 17px 11px -5px #0000001c}.sayHi .container .form .subject,.sayHi .container .form .message{width:65%}@media(min-width:451px)and (max-width:900px){.sayHi .container .form .subject,.sayHi .container .form .message{width:44vw}}@media(max-width:899px){.sayHi .container .form .subject,.sayHi .container .form .message{width:70%}}.sayHi .container .form .message{height:20vh;border-radius:20px}.sayHi .container .form .btn{background-image:linear-gradient(to right,#99f,#bdbdfa 51%,#99f);text-transform:uppercase;transition:.5s;background-size:200% auto;border-radius:50px}.sayHi .container .form .btn:hover{background-position:right center}.sayHi .container .form .btn{color:#fff;cursor:pointer;padding-left:initial}.sayHi .getInTouch_title{padding:10vh 59px 0vh 8vw}@media(max-width:449px){.sayHi .getInTouch_title{padding:9vh 53px 0vh 3vw}}.sayHi .getInTouch__dots{top:36px;left:136px}.experinceHover{transition:all .3s;border-radius:5px}.experinceHover:hover{transform:scale(1.009);border-radius:15px;box-shadow:.7px .9px 8.1px #2c2c2c06,1.8px 2.2px 12.2px #1a1a1a09,3.3px 4px 16.2px #2c2c2c0a,5.1px 6.2px 20.8px #2c2c2c0c,7.6px 9.3px 26.6px #2c2c2c0e,11.2px 13.6px 34.9px #2c2c2c11,19px 23px 54px #2c2c2c17}.shadow{box-shadow:inset 0 0 2.7px #5f5f5f00,inset 0 0 5.9px #5f5f5f0e,inset 0 0 10px #5f5f5f11,inset 0 0 15px #5f5f5f13,inset 0 0 21.7px #5f5f5f16,inset 0 0 30.7px #5f5f5f18,inset 0 0 43.5px #5f5f5f1b,inset 0 0 63.1px #5f5f5f1e,inset 0 0 97.3px #5f5f5f22,inset 0 0 173px #5f5f5f2b}.gsap{display:flex;margin:0;align-items:center;justify-content:center}.gsap .group{text-align:center;white-space:nowrap;overflow:hidden;display:flex}.gsap .item{width:10vw;height:75vh;background-position:center;background-size:cover;background-repeat:no-repeat;margin:.5vw;border-radius:15px;cursor:pointer;display:flex;justify-content:center;align-items:center}.gsap .item .goToWebsite{color:#fff;padding:10px;border-radius:20px;font-size:1.5rem;font-weight:700;background:#6579a71a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(4px);width:70%;text-decoration:none;text-transform:uppercase;text-wrap:wrap}.rec_title{position:absolute;top:14vh;width:60vw;font-size:3.5rem;line-height:5.5rem;letter-spacing:1.5px;filter:drop-shadow(.7px .9px 8.1px rgba(44,44,44,.023)) drop-shadow(1.8px 2.2px 12.2px rgba(44,44,44,.034)) drop-shadow(3.3px 4px 16.2px rgba(44,44,44,.041)) drop-shadow(5.1px 6.2px 20.8px rgba(44,44,44,.049)) drop-shadow(7.6px 9.3px 26.6px rgba(44,44,44,.056)) drop-shadow(11.2px 13.6px 34.9px rgba(44,44,44,.067)) drop-shadow(19px 23px 54px rgba(44,44,44,.09))}@media(max-width:899px){.rec_title{font-size:2.5rem;line-height:initial;letter-spacing:initial}}.responsive_section{position:relative}.responsive_section_shape{position:absolute;left:-5vw;top:10vh}@media(max-width:449px){.responsive_section_shape{width:30vw;left:-20px;top:-14vh}}.animation .char{animation:slide-in .38s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(8ms * var(--char-index))}@media(max-width:899px){.animation .char{animation:none;transition:none}}@keyframes slide-in{to{transform:translateY(0);opacity:1}}#recentWorkTitle .char,#responsive_section_text .char,#heyHeader .char,#getInTouch_title .char,#Experience_title .char{transform:translateY(1.5em);opacity:.5}@media(max-width:899px){#recentWorkTitle .char,#responsive_section_text .char,#heyHeader .char,#getInTouch_title .char,#Experience_title .char{opacity:1;transform:none}}@media(max-width:449px){#recentWorkTitle .char,#responsive_section_text .char,#heyHeader .char,#getInTouch_title .char,#Experience_title .char{opacity:1;transform:translateY(0)}}#recentWorkTitle .word,#responsive_section_text .word,#heyHeader .word,#getInTouch_title .word,#Experience_title .word{overflow:hidden}@media(prefers-reduced-motion:reduce){.animation .char,#recentWorkTitle .char,#responsive_section_text .char,#heyHeader .char,#getInTouch_title .char,#Experience_title .char{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}.footer-16371{padding:7rem 0}.footer-16371 .menu{padding-bottom:2rem;justify-content:center;text-align:center}.footer-16371 .menu a{color:#fff;padding:0 1rem;text-decoration:none}.footer-16371 .footer-site-logo{padding-bottom:5rem}.footer-16371 .footer-site-logo a{color:#fff;text-decoration:none}.footer-16371 .footer-site-logo{text-align:center;font-size:2rem;font-weight:900}.footer-16371 .social{text-align:center;padding-bottom:2rem}.footer-16371 .social .list-unstyled{padding-top:2rem}.footer-16371 .social .list-unstyled a{padding-left:1rem;padding-right:1rem}.footer-16371 .sotialLink{color:#fff;text-decoration:none}@media(max-width:450px){header{height:auto;min-height:0;padding:0 1rem 2.5rem;box-sizing:border-box;background:#333e;box-shadow:none}header>section{height:auto}header .title{min-height:0;padding-top:clamp(2.5rem,9svh,4rem);align-items:center;text-align:center}header .title .header-text{width:100%;margin:0;font-size:2rem;transform:translateY(-2rem)}header .title .header-text h2{font-size:clamp(3.2rem,14vw,4rem)}header .title .header-text h6{font-size:clamp(2.25rem,9.5vw,2.9rem)}header .title .header-text h4{font-size:clamp(1.4rem,6vw,1.75rem)}header .title .div-animation{position:relative;top:auto;right:auto;width:min(68vw,245px)!important;margin:.5rem auto 0}header .title .header-contact-icons{width:100%;margin:0;padding-top:.75rem;transform:none;justify-content:center;gap:1.25rem}.experince{padding-top:2rem}.spinner-wrapper{display:none!important}.hey{min-height:0;gap:.5rem;padding:1rem 0 2.5rem}.hey .img{width:100%;height:auto;margin:0;padding:.5rem 1rem;box-sizing:border-box}.hey .img .cvImg{width:clamp(180px,56vw,235px)}.hey .txt{width:100%;padding:0 1.25rem;align-items:flex-start;box-sizing:border-box}.hey .txt h1{width:100%;margin:0;padding-bottom:.75rem;font-size:clamp(1.9rem,8vw,2.35rem);line-height:1.1;text-align:left}.hey .txt p{width:100%;font-size:1rem;line-height:1.55}.hey .txt button{width:auto;height:auto;min-height:44px;margin-top:1rem;padding:.65rem 1rem}.mywork{height:auto;min-height:0;gap:1rem;padding:2rem 1rem}.mywork .strips{width:min(100%,360px);margin:0}.skills{height:auto;padding:1.5rem 1rem 2rem;background:#f8f8ff}.skills>.recentWork__title{padding:1rem 0;font-size:2.25rem;line-height:1.1;color:#434246;text-align:center}.skills .container{width:100%;max-width:560px;margin-inline:auto}.skills .boxes{display:flex;flex-direction:column;gap:1rem;padding:0;text-align:left}.skills .degrees,.skills .jobs{width:100%;margin:0;padding:1.25rem;border:1px solid rgba(67,66,70,.08);border-radius:1rem;background:#fff;box-shadow:0 .35rem 1.2rem #2c2c2c14;box-sizing:border-box}.skills .element+.element{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(67,66,70,.1)}.skills .element h4{color:#434246;line-height:1.3}.skills .element p{margin-top:.25rem;color:#5e5c94;line-height:1.45}.experince>#Experience_title{padding:2.75rem 1rem 1.25rem;font-size:clamp(2.3rem,9vw,2.8rem);line-height:1.05}.experince .boxes{align-items:stretch;gap:.75rem;padding:0 1rem}.experince .boxes .degrees,.experince .boxes .jobs{width:100%;margin:0;padding:1rem;border-radius:1.25rem;box-sizing:border-box}.experince .boxes .element-title span{padding-left:.5rem}.experince .boxes .element .border{margin-left:.25rem;padding-left:.8rem;padding-bottom:.75rem}.recentWork{padding:5rem 0 2.5rem}.recentWork .container{flex-direction:column;gap:.25rem;margin:1rem}.recentWork .container .rec_title{position:relative;top:auto;width:100%;margin:0;font-size:1.8rem;line-height:1.2}.recentWork .Macbook{width:min(100%,420px);left:auto;margin:0 auto;transform:scaleX(-1)}.laptops{gap:1rem;padding:2rem 1rem}.responsive_section{flex-direction:column;align-items:stretch;gap:1rem;padding:2rem 1rem 1rem}.responsive_section h2{position:relative;top:auto;width:100%;font-size:1.6rem;line-height:1.2}.responsive_section .mockup{position:relative;right:auto;width:min(100%,420px);margin:0 auto}.mobiles{height:auto;padding:1rem 1rem 2rem}.mobiles .container{height:auto}.mobiles .container .screens{width:100%;gap:.6rem}.mobiles .container .screens .img_item{width:100%;margin:0}.mobiles .imgToTop{margin-top:0!important}.sayHi{height:auto;min-height:0;padding:1rem;box-sizing:border-box}.sayHi .getInTouch_title{padding:2.5rem 0 1rem}.sayHi .container{gap:.75rem;padding:0}.sayHi .container .text,.sayHi .container .form{width:100%;padding:0;box-sizing:border-box}.sayHi .container .text{padding-bottom:.5rem}.sayHi .container .form input,.sayHi .container .form textarea,.sayHi .container .form .subject,.sayHi .container .form .message{width:100%;margin:.35rem 0;box-sizing:border-box}.footer-16371{padding:2.5rem 1rem}.footer-16371 .footer-site-logo{padding-bottom:1.5rem;font-size:1.5rem}.footer-16371 nav.menu{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem .75rem;padding-bottom:1rem}.footer-16371 nav.menu a{padding:0;line-height:1.5}.footer-16371 .social{padding-bottom:1rem}.footer-16371 .social h3{color:#fff}.footer-16371 .social ul{margin:1rem 0 0;padding:0;list-style:none}.footer-16371 .social ul:first-of-type{display:flex;align-items:center;justify-content:center;gap:1rem}.footer-16371 .social ul:first-of-type a{display:inline-flex;padding:0}.footer-16371 .social ul:first-of-type img{display:block;width:2.5rem;height:2.5rem;object-fit:contain}.footer-16371 .social .contact-links{display:grid;gap:.35rem}.footer-16371 .social .contact-links li{line-height:1.4}}@media(max-width:767px){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.hey,.experince,.sayHi,.responsive_section{isolation:isolate}.hey .hey_shape,.experince .experince_shape,.sayHi .hi_shape,.responsive_section .responsive_section_shape,header .title>.shape_2,header .title>.shape_5,header .title>.shape_7,header .title>.shape_10,.skills_shape_1,.skills_shape_2,.skills_shape_3,.skills_shape_4{z-index:0!important;pointer-events:none}.hey>.img,.hey>.txt,.experince>#Experience_title,.experince>.boxes,.sayHi>.container,.sayHi>.getInTouch_title,.responsive_section>:not(.responsive_section_shape),header .title>:not(.shape_2):not(.shape_5):not(.shape_7):not(.shape_10){position:relative;z-index:1}.imgToTop,.imgToBottom{transform:none!important}header .title>.shape_2{display:none!important}}