@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@700;800;900&display=swap);*{font-family:Outfit,sans-serif}body{background:rgba(13,42,51,.582);overflow-x:hidden}a,h1,h4,p{color:#131313;text-decoration:none}ul{list-style-type:none}.btn{background:#9c8ee7;border:1px solid #fff;color:#04050f;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;text-transform:uppercase;transition:all .3s ease}.btn-light{background:#0000;color:#fff}.btn:hover{background:#110f6633;color:#fff;transition:.3s}.loader{animation:dot1_ 3s cubic-bezier(.55,.3,.24,.99) infinite;background:#3d3d3d;border-radius:5px;height:100px;left:50%;margin-left:-80px;margin-top:-50px;position:absolute;top:50%;width:160px;z-index:10}.loader:nth-child(2){animation-name:dot2_;background:#000;border-radius:3px;height:90px;margin-left:-75px;margin-top:-45px;width:150px;z-index:11}.loader:nth-child(3){animation-name:dot3_;background:#757272;border-radius:0 0 5px 5px;height:20px;margin-left:-20px;margin-top:50px;width:40px;z-index:12}@keyframes dot1_{3%,97%{height:100px;margin-left:-80px;margin-top:-50px;width:160px}30%,36%{height:120px;margin-left:-40px;margin-top:-60px;width:80px}63%,69%{height:80px;margin-left:-20px;margin-top:-40px;width:40px}}@keyframes dot2_{3%,97%{height:90px;margin-left:-75px;margin-top:-45px;width:150px}30%,36%{height:96px;margin-left:-35px;margin-top:-48px;width:70px}63%,69%{height:60px;margin-left:-16px;margin-top:-30px;width:32px}}@keyframes dot3_{3%,97%{height:20px;margin-left:-20px;margin-top:50px;width:40px}30%,36%{border-radius:8px;height:8px;margin-left:-5px;margin-top:49px;width:8px}63%,69%{border-radius:10px;height:4px;margin-left:-8px;margin-top:-37px;width:16px}}.newtons-cradle{--uib-size:50px;--uib-speed:1.2s;--uib-color:#474554;height:var(--uib-size);justify-content:center;margin:2rem auto;width:var(--uib-size)}.newtons-cradle,.newtons-cradle__dot{align-items:center;display:flex;position:relative}.newtons-cradle__dot{height:100%;transform-origin:center top;width:25%}.newtons-cradle__dot:after{background-color:var(--uib-color);border-radius:50%;content:"";display:block;height:25%;width:100%}.newtons-cradle__dot:first-child{animation:swing var(--uib-speed) linear infinite}.newtons-cradle__dot:last-child{animation:swing2 var(--uib-speed) linear infinite}@keyframes swing{0%{animation-timing-function:ease-out;transform:rotate(0deg)}25%{animation-timing-function:ease-in;transform:rotate(70deg)}50%{animation-timing-function:linear;transform:rotate(0deg)}}@keyframes swing2{0%{animation-timing-function:linear;transform:rotate(0deg)}50%{animation-timing-function:ease-out;transform:rotate(0deg)}75%{animation-timing-function:ease-in;transform:rotate(-70deg)}}.containerheader{padding:2rem 0;text-align:center}h5{color:#131313;font-size:clamp(2rem,5vw,2.4rem);font-weight:800;margin-bottom:1rem}.prjabtcard{align-items:center;background:#b8babb;border:1px solid #0000;border-radius:10px;box-shadow:6px 6px 10px -1px #00000026,-6px -6px 10px -1px #ffffffb3;justify-content:center;margin:2rem auto;overflow:hidden;padding:2rem;position:relative;width:min(90%,400px)}.prjabtcard,.prjabtcontent{display:flex;transition:all .5s cubic-bezier(.23,1,.32,1)}.prjabtcontent{align-items:flex-start;color:#e8e8e8;flex-direction:column;gap:1.25rem;width:100%}.prjabtcontent .prjabtheading{font-size:clamp(1.25rem,4vw,2rem);font-weight:700}.prjabtcontent .prjabtpara{font-size:clamp(.875rem,2.5vw,1rem);line-height:1.5}.prjabtcontent .prjabtbtn{background:#0974f1;border:none;border-radius:5px;box-shadow:0 5px 10px #0003;color:#e8e8e8;cursor:pointer;font-size:clamp(.875rem,2.5vw,1rem);font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.prjabtcard:hover{border-color:#0974f1;box-shadow:0 0 20px #0975f1cc}.prjabtcontent .prjabtbtn:hover{background:#0000;color:#e8e8e8;outline:2px solid #e8e8e8}.prjabtcontent .prjabtbtn:active{box-shadow:none}.container{flex-wrap:wrap;gap:1.5rem;margin:2rem auto;padding:0 1rem;width:min(95%,1200px)}.card{--font-color:#323232;--bg-color:#e0e0e0;background:var(--bg-color);border-radius:20px;box-shadow:-9px 9px 18px #5a5a5a,9px -9px 18px #fff;display:flex;flex:1 1 280px;flex-direction:column;height:auto;max-width:350px;min-height:400px;overflow:hidden;position:relative;transition:all .4s ease;width:min(100%,280px)}.card:hover{box-shadow:0 0 15px 3px #5a5a5a;transform:scale(1.02)}.card__img{background-color:#892be21a;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px 20px 0 0;flex-shrink:0;height:200px;object-fit:cover;overflow:hidden;position:relative;width:100%}.card:first-child .card__img,.card:nth-child(2) .card__img,.card:nth-child(3) .card__img,.card:nth-child(4) .card__img,.card:nth-child(5) .card__img,.card:nth-child(6) .card__img{background-image:url(https://media.giphy.com/media/ZVik7pBtu9dNS/giphy.gif)}.card__img:before{background:linear-gradient(45deg,#892be21a,#0975f11a);bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;z-index:1}.card__img:after{animation:cardImageSpin 1s linear infinite;border:3px solid #0975f14d;border-radius:50%;border-top-color:#0974f1;content:"";height:40px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;z-index:2}@keyframes cardImageSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.card__img:not([style*=background-image]):after{opacity:1}.card__descr-wrapper{display:flex;flex-direction:column;flex-grow:1;gap:1rem;padding:1.25rem}.card__title{color:var(--font-color);font-size:clamp(1rem,3vw,1.125rem);font-weight:900;line-height:1.3;margin-bottom:.75rem;text-align:center}.card__descr{color:var(--font-color);flex-grow:1;font-size:clamp(.875rem,2.5vw,.95rem);line-height:1.4}.svg{height:20px;transition:all .3s ease;width:20px}.card__links{gap:1rem;justify-content:space-between;margin-top:auto;padding-top:1rem}.card__links,.card__links>div{align-items:center;display:flex}.card__links>div{gap:.5rem}.card__links .link{color:var(--font-color);font-size:clamp(.875rem,2.5vw,.95rem);font-weight:600;text-decoration:none;transition:all .3s ease}.card__links .link:hover{color:#0974f1;text-decoration:underline}.moreloading{align-items:center;display:flex;justify-content:center;margin:2rem 0;padding:3rem 0}.eye{background-color:#f0dcdc;border-radius:0 0 20px 20px;box-shadow:40px 0 0 0 #f0dcdc;height:8px;left:10px;position:relative;top:40px;width:20px}.head{animation:headAnim 1.5s infinite alternate;animation-timing-function:ease-out;backface-visibility:hidden;border-radius:50px;box-shadow:inset -4px 2px 0 0 #f0dcdc;height:80px;margin:-250px auto;width:80px}.body,.head{background-color:#111;position:relative}.body{animation:bodyAnim 1.5s infinite alternate;animation-timing-function:ease-out;border-radius:50px/25px;box-shadow:inset -5px 2px 0 0 #f0dcdc;height:120px;margin:90px auto;width:140px}@keyframes headAnim{0%{top:0}50%{top:10px}to{top:0}}@keyframes bodyAnim{0%{top:-5px}50%{top:10px}to{top:-5px}}.circ{backface-visibility:hidden;border-radius:0 0 50px 50px;height:min(180px,80vw);left:0;margin:60px auto;overflow:hidden;position:relative;top:20%;width:min(180px,80vw);z-index:-1}.hands{animation:bodyAnim 1.5s infinite alternate;animation-timing-function:ease-out;background-color:#111;border-radius:20px;box-shadow:-1px -4px 0 0 #f0dcdc;height:120px;left:16%;margin-top:140px;top:75%;transform:rotate(45deg);width:120px;z-index:1}.hands,.load{position:absolute}.load{word-wrap:break-word;animation:fontAnim 3.75s infinite;animation-timing-function:ease-out;color:#9b9898;display:block;font-family:Julius Sans One,sans-serif;font-size:clamp(1.25rem,4vw,1.75rem);font-weight:400;height:32px;left:2%;line-height:32px;margin:-10px auto;overflow:hidden;text-align:left;top:5%;width:13ch}@keyframes fontAnim{0%{width:7ch}16%{width:8ch}32%{width:9ch}48%{width:10ch}64%{width:11ch}80%{width:12ch}to{width:13ch}}@media screen and (max-width:768px){.container{align-items:center;flex-direction:column;gap:1.5rem;padding:0 .5rem}.card{flex:none;max-width:none;width:min(95%,320px)}.prjabtcard{padding:1.5rem;width:min(95%,350px)}.newtons-cradle{--uib-size:40px}.circ{height:min(150px,70vw);width:min(150px,70vw)}.hands{height:100px;width:100px}.head{height:60px;width:60px}.body{height:100px;width:120px}}@media screen and (max-width:480px){.card{min-height:350px;width:min(100%,300px)}.card__descr-wrapper,.prjabtcard{padding:1rem}.prjabtcard{width:min(100%,300px)}.prjabtcontent{gap:1rem}.container{padding:0 .25rem}.circ{height:min(120px,60vw);width:min(120px,60vw)}}@media screen and (min-width:1200px){.container{max-width:1400px}.card{max-width:320px}}.content{padding:1rem}.card__links .svg{flex-shrink:0}.mask{height:100vh;min-height:100vh;width:100%}.into-img{background-position:50%;background-size:cover;margin:auto;object-fit:cover;position:relative}.into-img,.mask:after{background-color:#e8e8e8;height:100%;width:100%}.mask:after{content:"";left:0;opacity:.8;position:absolute;top:0}.hero{background-color:#e8e8e8;height:100%;min-height:100vh;overflow-x:hidden;width:100%}.first-container{background-color:#0974f1;display:flex;width:100%}.hero .content{position:absolute;z-index:1}.hero .content,.initial-container{display:flex;flex-direction:column}.initial-container{align-items:center;box-sizing:border-box;justify-content:center;min-height:60vh;padding:20px;width:100%}.name-container{margin-bottom:30px;max-width:600px;text-align:center;width:100%}.profile-image{align-items:center;display:flex;justify-content:center}.hero .initial-container .name-container p{animation:typing 3s steps(20) forwards,dotted-text-reveal 3s steps(20) forwards;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#2c3e50 50%,#0000 0),linear-gradient(90deg,#2c3e50 50%,#0000 0);background-position:0 0,0 100%;background-repeat:repeat-x;background-size:12px 2px,12px 2px;color:#3e3e3e;display:inline-block;font-family:Poppins,sans-serif;font-size:clamp(2rem,5vw,4.8rem);font-weight:800;letter-spacing:-.02em;margin:0 auto;overflow:hidden;position:relative;text-transform:uppercase;white-space:nowrap;width:0}@keyframes typing{0%{width:0}to{width:100%}}@keyframes dotted-text-reveal{0%{background-size:0 2px,0 2px}to{background-size:12px 2px,12px 2px}}.hero .initial-container .name-container p:after{animation:blink .7s infinite;color:#2c3e50;content:"|";position:absolute;right:0}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.profile-img{animation:jump 2s infinite;border-radius:50%;filter:drop-shadow(10px 10px 10px rgba(0,0,0,.3));height:clamp(150px,30vw,250px);width:clamp(150px,30vw,250px)}@keyframes jump{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}button{background:#e8e8e8;border:1px solid #e8e8e8;border-radius:.5em;box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;color:#090909;cursor:pointer;font-size:clamp(14px,2.5vw,18px);padding:.7em 1.7em;transition:all .3s}button:hover{border:1px solid #fff}button:active{box-shadow:4px 4px 12px #c5c5c5,-4px -4px 12px #fff}.aboutcard{align-items:center;background:#e8e8e8;border:1px solid #e8e8e8;border-radius:10px;box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;box-sizing:border-box;display:flex;height:auto;justify-content:center;margin:40px auto;max-width:650px;min-height:300px;padding:20px;position:relative;transition:all .5s cubic-bezier(.23,1,.32,1);width:calc(100% - 40px)}.aboutcard:hover{border-color:#0974f1;box-shadow:0 0 20px #0975f1cc}.cardcontent{align-items:center;color:#403f3f;display:flex;flex-direction:column;gap:15px;text-align:center;transition:all .5s cubic-bezier(.23,1,.32,1);width:100%}.cardcontent .cardheading{color:#333;font-size:clamp(16px,3vw,18px);font-weight:700}.cardcontent .cardpara{word-wrap:break-word;color:#424141;font-size:clamp(14px,2.5vw,16px);line-height:1.5;max-width:100%}.cardcontent .cardbtn{background:#0974f1;border:none;border-radius:5px;box-shadow:0 5px 10px #0003;color:#e8e8e8;cursor:pointer;font-size:clamp(14px,2.5vw,16px);font-weight:600;padding:10px 20px;text-decoration:none}.cardcontent .cardbtn:hover{background:#0000;color:#e8e8e8;outline:2px solid #e8e8e8}.cardcontent .cardbtn:active{box-shadow:none}.container{box-sizing:border-box;display:flex;justify-content:center;padding:0 20px;width:100%}@media screen and (min-width:768px){.initial-container{align-items:center;flex-direction:row;justify-content:space-between;padding:50px}.name-container{flex:1 1;margin-bottom:0;margin-right:50px;text-align:left}.profile-image{flex:0 0 auto}.aboutcard{height:400px;padding:30px;width:90%}.cardcontent{gap:20px}}@media screen and (min-width:1024px){.initial-container{padding:100px 80px}.name-container{margin-right:100px}.aboutcard{width:650px}}@media screen and (min-width:1200px){.hero .initial-container .name-container p{font-size:4.8rem}}body,html{margin:0;overflow-x:hidden;padding:0;width:100%}*,:after,:before{box-sizing:border-box;margin:0;padding:0}p{line-height:1.8}time{line-height:1.6}.education-heading{align-items:center;color:#333;display:flex;font-size:clamp(2rem,6vw,2.5rem);font-weight:700;justify-content:center;margin:60px auto 40px;padding:0 30px;text-align:center}.timeline{background:#e8e8e8;border:1px solid #e8e8e8;border-radius:12px;box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;box-sizing:border-box;margin:20px auto;max-width:460px;padding:2rem 1.5rem;width:calc(100% - 60px)}.tl-content .tl-body,.tl-content .tl-header{border-left:3px solid #dcdcdc;padding-left:25.6px}.tl-body{padding-bottom:1rem}.tl-content:last-child .tl-body{border-left:3px solid #0000}.tl-header{grid-gap:.5rem;display:grid;gap:.5rem;padding-bottom:1rem;padding-top:1rem;position:relative}.tl-title{word-wrap:break-word;border-bottom:1px solid #dcdcdc;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:600;padding-bottom:.5rem}.tl-time{color:#666;font-size:clamp(.7rem,2vw,.8rem);margin-top:.25rem}.tl-body p{word-wrap:break-word;color:#555;font-size:clamp(.85rem,2.2vw,.95rem);-webkit-hyphens:auto;hyphens:auto}.tl-marker{background:#dcdcdc;border-radius:50%;display:block;height:16px;left:-1.1rem;position:absolute;top:50%;transform:translate(50%,-50%);width:16px}.tl-content-active .tl-marker{background-clip:content-box;background-color:#32cd32;border:2px solid #32cd32;box-shadow:0 0 15px -2px #32cd32;height:18px;left:-1.25rem;padding:1.6px;width:18px}.tl-content-active .tl-title{color:green;font-weight:700}.formore{font-size:clamp(.9rem,2.5vw,1rem);margin:20px auto;max-width:100%;padding:0 30px;text-align:center}@media screen and (min-width:768px){.education-heading{font-size:2.5rem;margin:120px auto 60px}.timeline{margin:40px auto;padding:3rem 2rem;width:90%}.tl-title{font-size:1.1rem}.tl-time{font-size:.8rem}.tl-body p{font-size:.95rem}.formore{margin-left:auto;margin-right:auto;text-align:center}}@media screen and (min-width:1024px){.education-heading{margin:180px auto 80px}.timeline{margin:60px auto;width:460px}}@media screen and (min-width:1200px){.education-heading{margin:220px auto 80px}}@media screen and (max-width:479px){.education-heading{margin:40px auto 30px;padding:0 25px}.timeline{margin:15px auto;padding:1.5rem 1rem;width:calc(100% - 40px)}.tl-content .tl-body,.tl-content .tl-header{padding-left:20px}.tl-marker{height:14px;left:-.9rem;width:14px}.tl-content-active .tl-marker{height:16px;left:-1rem;width:16px}}.timeline *{word-wrap:break-word;max-width:100%}.tl-body p,.tl-title{overflow-wrap:break-word;word-break:break-word}.slider-container{padding:20px 60px}@media screen and (min-width:769px){.projectcontainer{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;display:flex;gap:30px;height:auto;justify-content:center;margin:auto;overflow-x:auto;overflow-y:hidden;padding:40px 15px;scrollbar-width:none;width:100%}.projectcontainer::-webkit-scrollbar{display:none}.projectcard{--font-color:#323232;--bg-color:#e0e0e0;background:var(--bg-color);border-radius:20px;box-shadow:-9px 9px 18px #5a5a5a,9px -9px 18px #fff;display:flex;flex-direction:column;flex-shrink:0;height:350px;margin:0;position:relative;transition:.4s;width:280px}.projectcard:hover{box-shadow:0 0 10px 2px #5a5a5a;transform:scale(1.02)}}@media screen and (max-width:768px){.projectcontainer{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:25px;height:auto;margin:auto;overflow-x:auto;overflow-y:hidden;padding:20px 30px 40px;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.projectcontainer::-webkit-scrollbar{display:none}.projectcard{--font-color:#323232;--bg-color:#e0e0e0;background:var(--bg-color);border-radius:20px;box-shadow:-9px 9px 18px #5a5a5a,9px -9px 18px #fff;display:flex;flex-direction:column;flex-shrink:0;height:max-content;margin:0 0 0 10px;min-height:400px;position:relative;scroll-snap-align:start;transition:.4s;width:250px}.projectcard:hover{box-shadow:0 0 10px 2px #5a5a5a;transform:scale(1.02)}}.tableexp{align-items:center;justify-content:center;margin:auto}.macbook{height:96px;margin:-85px -20px 40px 8px;perspective:500px;position:relative;width:150px}.shadow{animation:shadow 7s ease infinite;box-shadow:0 0 60px 40px #0000004d;height:0;left:40px;position:absolute;top:160px;transform:rotateX(80deg) rotateY(0deg) rotate(0deg);width:60px}.inner{animation:rotate 7s ease infinite;top:0;transform:rotateX(-20deg) rotateY(0deg) rotate(0deg);transform-style:preserve-3d;z-index:20}.inner,.screen{height:96px;left:0;position:absolute;width:150px}.screen{animation:lid-screen 7s ease infinite;background:#ddd;background-image:linear-gradient(45deg,#00000057,#0000);background-position:0 100%;background-size:300px 300px;border-radius:7px;bottom:0;box-shadow:inset 0 3px 7px #ffffff80;transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform-origin:50% 93px;transform-style:preserve-3d}.screen .logo{height:24px;left:50%;margin:-12px 0 0 -10px;position:absolute;top:50%;transform:rotateY(180deg) translateZ(.1px);width:20px}.screen .face-one{background:#d3d3d3;background-image:linear-gradient(45deg,#0000003d,#0000);border-radius:7px;bottom:0;height:96px;left:0;position:absolute;transform:translateZ(2px);width:150px}.screen .face-one .camera{background:#000;border-radius:100%;height:3px;left:50%;margin-left:-1.5px;position:absolute;top:4px;width:3px}.screen .face-one .display{background-color:#000;background-size:100% 100%;border-radius:1px;box-shadow:inset 0 0 2px #000;height:74px;margin:10px;position:relative;width:130px}.screen .face-one .display .shade{animation:screen-shade 7s ease infinite;background:linear-gradient(-135deg,#fff0,#ffffff1a 47%,#fff0 48%);background-position:0 0;background-size:300px 200px;height:74px;left:0;position:absolute;top:0;width:130px}.screen .face-one span{color:#666;font-size:6px;left:57px;position:absolute;top:85px}.macbody{animation:lid-macbody 7s ease infinite;background:#cbcbcb;background-image:linear-gradient(45deg,#0000003d,#0000);transform:rotateX(-90deg);transform-origin:50% bottom;transform-style:preserve-3d}.macbody,.macbody .face-one{border-radius:7px;bottom:0;height:96px;left:0;position:absolute;width:150px}.macbody .face-one{animation:lid-keyboard-area 7s ease infinite;background:#dfdfdf;background-image:linear-gradient(30deg,#0000003d,#0000);transform:translateZ(-2px);transform-style:preserve-3d}.macbody .touchpad{box-shadow:inset 0 0 3px #888;height:31px;left:50%;margin:-44px 0 0 -18px;top:50%;width:40px}.macbody .keyboard,.macbody .touchpad{background:#cdcdcd;background-image:linear-gradient(30deg,#0000003d,#0000);border-radius:4px;position:absolute}.macbody .keyboard{box-shadow:inset 0 0 3px #777;height:45px;left:7px;padding:0 0 0 2px;top:41px;transform-style:preserve-3d;width:130px}.keyboard .key{animation:keys 7s ease infinite;background:#444;border-radius:2px;box-shadow:0 -2px 0 #222;float:left;height:6px;margin:1px;transform:translateZ(-2px);width:6px}.key.space{width:45px}.key.f{height:3px}.macbody .pad{background:#333;border-radius:100%;height:5px;position:absolute;width:5px}.pad.one{left:20px;top:20px}.pad.two{right:20px;top:20px}.pad.three{bottom:20px;right:20px}.pad.four{bottom:20px;left:20px}@keyframes rotate{0%{transform:rotateX(-20deg) rotateY(0deg) rotate(0deg)}5%{transform:rotateX(-20deg) rotateY(-20deg) rotate(0deg)}20%{transform:rotateX(30deg) rotateY(200deg) rotate(0deg)}25%{transform:rotateX(-60deg) rotateY(150deg) rotate(0deg)}60%{transform:rotateX(-20deg) rotateY(130deg) rotate(0deg)}65%{transform:rotateX(-20deg) rotateY(120deg) rotate(0deg)}80%{transform:rotateX(-20deg) rotateY(375deg) rotate(0deg)}85%{transform:rotateX(-20deg) rotateY(357deg) rotate(0deg)}87%{transform:rotateX(-20deg) rotateY(1turn) rotate(0deg)}to{transform:rotateX(-20deg) rotateY(1turn) rotate(0deg)}}@keyframes lid-screen{0%{background-position:0 100%;transform:rotateX(0deg)}5%{background-position:0 100%;transform:rotateX(50deg)}20%{background-position:-150px top;transform:rotateX(-90deg)}25%{background-position:0 100%;transform:rotateX(15deg)}30%{background-position:100% 0;transform:rotateX(-5deg)}38%{background-position:100% 0;transform:rotateX(5deg)}48%{background-position:100% 0;transform:rotateX(0deg)}90%{background-position:100% 0;transform:rotateX(0deg)}to{background-position:100%;transform:rotateX(0deg)}}@keyframes lid-macbody{0%{transform:rotateX(-90deg)}50%{transform:rotateX(-90deg)}to{transform:rotateX(-90deg)}}@keyframes lid-keyboard-area{0%{background-color:#dfdfdf}50%{background-color:#bbb}to{background-color:#dfdfdf}}@keyframes screen-shade{0%{background-position:-20px 0}5%{background-position:-40px 0}20%{background-position:200px 0}50%{background-position:-200px 0}80%{background-position:0 0}85%{background-position:-30px 0}90%{background-position:-20px 0}to{background-position:-20px 0}}@keyframes keys{0%{box-shadow:0 -2px 0 #222}5%{box-shadow:1 -1px 0 #222}20%{box-shadow:-1px 1px 0 #222}25%{box-shadow:-1px 1px 0 #222}60%{box-shadow:-1px 1px 0 #222}80%{box-shadow:0 -2px 0 #222}85%{box-shadow:0 -2px 0 #222}87%{box-shadow:0 -2px 0 #222}to{box-shadow:0 -2px 0 #222}}@keyframes shadow{0%{box-shadow:0 0 60px 40px #0000004d;transform:rotateX(80deg) rotateY(0deg) rotate(0deg)}5%{box-shadow:0 0 60px 40px #0000004d;transform:rotateX(80deg) rotateY(10deg) rotate(0deg)}20%{box-shadow:0 0 50px 30px #0000004d;transform:rotateX(30deg) rotateY(-20deg) rotate(-20deg)}25%{box-shadow:0 0 35px 15px #0000001a;transform:rotateX(80deg) rotateY(-20deg) rotate(50deg)}60%{box-shadow:0 0 60px 40px #0000004d;transform:rotateX(80deg) rotateY(0deg) rotate(-50deg) translateX(30px)}to{box-shadow:0 0 60px 40px #0000004d}}.timelineexp{list-style-type:none;margin:20px auto 0;padding:1em 0;position:relative;width:660px}.timelineexp:before{background:#505050;background:linear-gradient(180deg,#50505000 0,#505050 8%,#505050 92%,#50505000);content:" ";display:block;height:100%;left:50%;margin-left:-3px;position:absolute;top:0;width:6px;z-index:5}.timelineexp li{padding:1em 0}.timelineexp li:after{clear:both;content:"";display:block;height:0;visibility:hidden}.direction-l{float:left;text-align:right}.direction-l,.direction-r{position:relative;width:300px}.direction-r{float:right}.flag-wrapper{display:inline-block;position:relative;text-align:center}.flag{background:#f8f8f8;border-radius:5px;display:inline;font-weight:600;padding:6px 10px;position:relative;text-align:left}.direction-l .flag{box-shadow:-1px 1px 1px #00000026,0 0 1px #00000026}.direction-r .flag{box-shadow:1px 1px 1px #00000026,0 0 1px #00000026}.direction-l .flag:before,.direction-r .flag:before{background:#fff;border:4px solid #ff5050;border-radius:10px;content:" ";display:block;height:12px;margin-top:-10px;position:absolute;right:-40px;top:50%;width:12px;z-index:10}.direction-r .flag:before{left:-40px}.direction-l .flag:after{border:8px solid #0000;border-left-color:#f8f8f8;left:100%}.direction-l .flag:after,.direction-r .flag:after{content:"";height:0;margin-top:-8px;pointer-events:none;position:absolute;top:50%;width:0}.direction-r .flag:after{border:8px solid #0000;border-right-color:#f8f8f8;right:100%}.time-wrapper{color:#fa5050;display:inline;font-size:.66666em;line-height:1em;vertical-align:middle}.direction-l .time-wrapper{float:left}.direction-r .time-wrapper{float:right}.time{background:#f8f8f8;display:inline-block;padding:4px 6px}.desc{font-size:.77777em;font-style:italic;line-height:1.5em;margin:1em .75em 0 0}.direction-r .desc{margin:1em 0 0 .75em}@media screen and (max-width:768px){.timeline{width:100%}.timelineexp{padding:4em 0 1em;width:100%}.timelineexp li{padding:2em 0}.direction-l,.direction-r{float:none;text-align:center;width:100%}.flag-wrapper{text-align:center}.flag{background:#fff;z-index:15}.direction-l .flag:before,.direction-r .flag:before{background:#fff;border:4px solid #ff5050;border-radius:10px;content:" ";display:block;height:12px;left:50%;margin-left:-9px;position:absolute;top:-30px;width:12px;z-index:10}.direction-l .flag:after,.direction-r .flag:after{border:8px solid;border-color:#0000 #0000 #fff;content:"";height:0;left:50%;margin-left:-8px;pointer-events:none;position:absolute;top:-8px;width:0}.time-wrapper{display:block;margin:4px 0 0;position:relative;z-index:14}.direction-l .time-wrapper,.direction-r .time-wrapper{float:none}.desc{background:#e8e8e842;box-shadow:0 0 1px #0000;margin:1em 0 0;padding:1em;position:relative;z-index:15}.direction-l .desc,.direction-r .desc{margin:1em 1em 0;padding:1em;position:relative;z-index:15}}.techstack{align-items:center;box-sizing:border-box;display:flex;justify-content:center;margin:auto;padding:0}:root{--bg-clr:#e8e8e8}.techstack .body{background-color:#e8e8e8;background-color:var(--bg-clr);display:grid;min-height:100svh;place-content:center}.carousel-wrapper{--width:100px;--gap:0;--num-items:10;--ani-offset:calc(var(--width)*var(--num-items)*-1);--ani-speed:10s;overflow:hidden;position:relative;width:400px}.carousel-wrapper:after,.carousel-wrapper:before{content:"";height:100%;position:absolute;top:0;width:20%;z-index:1}.carousel-wrapper:before{background-image:linear-gradient(90deg,#e8e8e8 0,#0000 50%);background-image:linear-gradient(to right,var(--bg-clr) 0,#0000 50%);left:0}.carousel-wrapper:after{background-image:linear-gradient(270deg,#e8e8e8 0,#0000 50%);background-image:linear-gradient(to left,var(--bg-clr) 0,#0000 50%);right:0}.carousel{align-items:center;animation:slide var(--ani-speed) linear infinite;display:flex}.item{flex:1 0 var(--width);padding:1rem;text-align:center}.item>img{height:auto;object-fit:cover;width:100%}@keyframes slide{to{transform:translateX(var(--ani-offset))}}.skillcontainer{align-items:center;background:#e8e8e8;border:1px solid #e8e8e8;border-radius:7px;box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;display:none;justify-content:center;margin-left:30%;max-width:500px;padding:10px 20px;position:relative;width:100%}@media screen and (max-width:768px){.skillcontainer{margin-left:8%;margin-top:10%;max-width:500px}}.skillcontainer .skill-box{margin:25px 0;width:100%}.skill-box .title{color:#363636;display:block;font-size:14px;font-weight:600}.skill-box .skill-bar{background:#ececec1a;border-radius:6px;height:8px;margin-top:6px;width:100%}.skill-bar .skill-per{animation:progress .4s ease-in-out forwards;background:#4e4e4e;border-radius:6px;display:block;height:100%;opacity:0;position:relative;width:90%}.skill-per.html{animation-delay:.1s;width:100%}.skill-per.scss{animation-delay:.1s;width:80%}.skill-per.Boostrap{animation-delay:.2s;width:60%}.skill-per.dart,.skill-per.flutter{animation-delay:.2s;width:65%}.skill-per.js{animation-delay:.2s;width:55%}.skill-per.python{animation-delay:.2s;width:85%}.skill-per.java{animation-delay:.2s;width:70%}.skill-per.cpp{animation-delay:.2s;width:60%}@keyframes progress{0%{opacity:1;width:0}to{opacity:1}}.skill-per .tooltip{background:#181818;border-radius:3px;color:#fff;font-size:9px;font-weight:500;font-weight:700;padding:2px 6px;position:absolute;right:-14px;top:-28px;z-index:1}.tooltip:before{background-color:#000;bottom:-2px;content:"";height:10px;left:50%;position:absolute;transform:translateX(-50%) rotate(45deg);width:10px;z-index:-1}*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f0f0;font-family:Arial,sans-serif;padding:20px 0}.button-icon{border:1px solid #e8e8e8;box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;cursor:pointer;display:flex;height:fit-content;margin:6% auto auto;width:fit-content}.icon{background-color:#fff;padding:10px 10px 5px}.icon svg{height:25px;width:25px}.cube{height:30px;transform-style:preserve-3d;transition:all .4s;width:200px}.button-icon:hover{border-color:#0f0f0f}.button-icon:hover .cube{transform:rotateX(90deg)}.side{align-items:center;display:flex;font-size:.8em;font-weight:700;height:47px;justify-content:center;letter-spacing:.5px;position:absolute;text-transform:uppercase;width:200px}.top{background:#ff98a2;color:#fff;height:40px;transform:rotateX(-90deg) translate3d(0,13.5px,2em)}.front{background:#222229;color:#fff;height:44px;transform:translateZ(1em)}.slider-container{margin:50px auto;max-width:1200px;overflow:hidden;padding:0 60px;position:relative;width:100%}.slider-wrapper{height:500px;position:relative;width:100%}.slider-track{display:flex;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94);width:calc(300px*var(--total-slides))}.projectcard{--font-color:#323232;--bg-color:#e0e0e0;background:var(--bg-color);border-radius:20px;box-shadow:-9px 9px 18px #5a5a5a,9px -9px 18px #fff;display:flex;flex-direction:column;flex-shrink:0;height:400px;margin:0 10px;position:relative;transition:all .4s ease;width:280px}.projectcard:hover{box-shadow:0 0 15px 3px #5a5a5a;transform:scale(1.05)}.projectcard__img{background-color:#892be200;border-radius:20px 20px 0 0;height:100%;object-fit:cover;width:100%}.projectcard__descr-wrapper{display:grid;padding:15px}.projectcard__title{font-size:16px;font-weight:900;margin-bottom:15px;text-align:center}.projectcard__descr,.projectcard__title{color:var(--font-color)}.svg{fill:var(--font-color);height:25px;transform:translateY(25%);width:25px}.projectcard__links{align-self:flex-end;display:flex;justify-content:space-between;margin-top:10px}.projectcard__links .link{color:var(--font-color);font-size:15px;font-weight:600;text-decoration:none}.projectcard__links .link:hover{text-decoration:underline}.btngt{background:#e3edf7;border:1px solid #0000;border-radius:10px;box-shadow:6px 6px 10px -1px #00000026,-6px -6px 10px -1px #ffffffb3;cursor:pointer;display:grid;margin:auto;padding:1.4em;place-items:center;transition:transform .5s;width:120px}.btngt:hover{border:1px solid #0000001a;box-shadow:inset 4px 4px 6px -1px #0003,inset -4px -4px 6px -1px #ffffffb3,-.5px -.5px 0 #fff,.5px .5px 0 #00000026,0 12px 10px -10px #0000000d;transform:translateY(.5em)}.btngt svg{transition:transform .5s}.btngt:hover svg{fill:#333;transform:scale(.9)}.commits{margin:50px auto 0;max-width:100%;text-align:center}.commits img{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:block;height:auto;margin:0 auto;max-width:100%}.streak{margin:30px auto 0;max-width:100%;text-align:center}.streak img{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:block;height:auto;margin:0 auto;max-width:100%}@media screen and (max-width:768px){.commits{margin:30px auto 0;padding:0 15px}.commits img{max-width:100%;min-width:280px;width:auto}.streak{margin:20px auto 0;padding:0 15px}.streak img{max-width:100%;min-width:280px;width:auto}}@media screen and (max-width:480px){.commits{margin:20px auto 0;padding:0 10px}.commits img{min-width:260px}.streak{margin:15px auto 0;padding:0 10px}.streak img{min-width:260px}}@media screen and (min-width:1200px){.commits,.streak{max-width:1000px}}@media screen and (min-width:769px){.projectcontainer{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:30px;height:auto;margin:auto;overflow-x:auto;overflow-y:hidden;padding:20px 15px;scrollbar-width:none;width:90%}.projectcontainer::-webkit-scrollbar{display:none}.projectcard{--font-color:#323232;--bg-color:#e0e0e0;background:var(--bg-color);border-radius:20px;box-shadow:-9px 9px 18px #5a5a5a,9px -9px 18px #fff;display:flex;flex-direction:column;flex-shrink:0;height:350px;margin:0;position:relative;transition:.4s;width:280px}.projectcard:hover{box-shadow:0 0 10px 2px #5a5a5a;transform:scale(1.02)}}@media screen and (max-width:768px){.projectcontainer{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:20px;height:auto;margin:auto;overflow-x:auto;overflow-y:hidden;padding:20px 15px;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.projectcontainer::-webkit-scrollbar{display:none}.projectcard{--font-color:#323232;--bg-color:#e0e0e0;background:var(--bg-color);border-radius:20px;box-shadow:-9px 9px 18px #5a5a5a,9px -9px 18px #fff;display:flex;flex-direction:column;flex-shrink:0;height:max-content;margin:0;min-height:400px;position:relative;scroll-snap-align:start;transition:.4s;width:250px}.projectcard:hover{box-shadow:0 0 10px 2px #5a5a5a;transform:scale(1.02)}.formore{align-items:center;font-size:1rem;margin-top:27px}}.wrapper{display:inline-flex;font-family:Poppins,sans-serif;height:120px;justify-content:center;list-style:none;padding-top:40px;width:100%}.wrapper .icon{align-items:center;background:#e8e8e8;border:1px solid #e8e8e8;border-radius:50%;box-shadow:0 10px 10px #0000001a;cursor:pointer;display:flex;flex-direction:column;font-size:18px;height:60px;justify-content:center;margin:10px;position:relative;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);width:60px}.wrapper .tooltip{border-radius:5px;box-shadow:0 10px 10px #0000001a;color:#fff;font-size:14px;opacity:0;padding:5px 8px;pointer-events:none;top:0}.wrapper .tooltip,.wrapper .tooltip:before{background:#fff;position:absolute;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.wrapper .tooltip:before{bottom:-3px;content:"";height:8px;left:50%;transform:translate(-50%) rotate(45deg);width:8px}.wrapper .icon:hover .tooltip{opacity:1;pointer-events:auto;top:-45px;visibility:visible}.wrapper .icon:hover .tooltip,.wrapper .icon:hover span{text-shadow:0 -1px 0 #0000001a}.wrapper .facebook:hover,.wrapper .facebook:hover .tooltip,.wrapper .facebook:hover .tooltip:before{background:#1877f2;color:#fff}.wrapper .linkedin:hover,.wrapper .linkedin:hover .tooltip,.wrapper .linkedin:hover .tooltip:before{background:#1da1f2;color:#fff}.wrapper .instagram:hover,.wrapper .instagram:hover .tooltip,.wrapper .instagram:hover .tooltip:before{background:#e4405f;color:#fff}.wrapper .github:hover,.wrapper .github:hover .tooltip,.wrapper .github:hover .tooltip:before{background:#151515;color:#fff}.wrapper .whatsapp:hover,.wrapper .whatsapp:hover .tooltip,.wrapper .whatsapp:hover .tooltip:before{background:#4cd655;color:#fff}.wrapper .phone:hover,.wrapper .phone:hover .tooltip,.wrapper .phone:hover .tooltip:before{background:#1d8cd6;color:#fff}.wrapper .gmail:hover,.wrapper .gmail:hover .tooltip,.wrapper .gmail:hover .tooltip:before{background:#dd2b1b;color:#fff}.followme{align-items:center;display:flex;font-size:1rem;justify-content:center;margin:17px auto auto}@media screen and (max-width:768px){.followme{align-items:center;display:flex;font-size:1rem;justify-content:center;margin:17px auto auto}}.eml{align-items:center;border-color:#090909;font-size:1rem;margin-left:530px;margin-top:17px}
/*# sourceMappingURL=main.85402f17.css.map*/