@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;800&display=swap);@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400);*{border:none;box-sizing:border-box;cursor:none;font-family:Poppins,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}.dock{bottom:0;display:flex;justify-content:center;position:fixed;-webkit-user-select:none;user-select:none;width:100%;z-index:9999}.dock_icons{align-items:flex-end;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;height:70px;padding:5px}.icon{height:auto;padding:5px}.progress-bar{background:#fe0222;height:8px;left:0;position:fixed;right:0;top:0;transform-origin:0;z-index:9999}.circle{border-radius:50%;height:20px;left:0;pointer-events:none;position:absolute;position:fixed;top:0;width:20px;z-index:99999}.section_heading{border-right:4px solid;font-size:50px;margin:80px 0;overflow:hidden;position:relative;text-decoration:underline;-webkit-user-select:none;user-select:none;white-space:nowrap;width:fit-content}@keyframes cursor{0%,to{border-color:#0000}50%{border-color:currentColor}}@keyframes typingabout{0%{width:0}to{width:12ch}}@keyframes typingskills{0%{width:0}to{width:16ch}}@keyframes typingprojects{0%{width:0}to{width:9ch}}.section_heading i{opacity:0}.section_heading:hover i{opacity:1}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{background:-webkit-gradient(linear,left top,left bottom,from(#ff8a00),to(#da1b60));border-radius:30px;box-shadow:inset 2px 2px 2px #ffffff40,inset -2px -2px 2px #00000040}::-webkit-scrollbar-track{background:linear-gradient(90deg,#201c29,#201c29 1px,#100e17 0,#100e17)}.home_body{-webkit-user-select:none;user-select:none}.logo{left:150px;position:absolute;top:20px;width:200px}.img_header{left:0;padding:.9rem 0;position:absolute;top:0;width:100%;z-index:9999}main{background-color:#353;height:100vh;overflow:hidden;position:relative;width:100vw}.parallax{pointer-events:none;position:absolute;transition:.45s cubic-bezier(.2,.49,.32,.99)}.bg-img{left:50.52%;top:7.14%;width:145.83%;z-index:1}.fog-7{left:65.625%;top:39.01%;width:98.958%;z-index:2}.mountain-10{left:62%;top:57.58%;width:46.458%;z-index:3}.fog-6{left:50.52%;top:59.34%;width:83.85%;z-index:4}.mountain-9{left:21.875%;top:63.736%;width:26.04%;z-index:5}.mountain-8{left:38.54%;top:65.934%;width:42.1875%;z-index:6}.fog-5{left:51.04%;top:67.58%;width:23.4375%;z-index:7}.mountain-7{left:65.88%;top:63.516%;width:28.02%;z-index:8}.text{color:#fff;left:50%;pointer-events:auto;text-align:center;text-transform:uppercase;top:33%;-webkit-user-select:none;user-select:none;width:100%;z-index:9}.text h2{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(#ffc107,#9c27b0);color:#0000;font-size:6rem;font-weight:500;line-height:.88}.text h1{background-image:linear-gradient(#f44336,#ffeb3b);font-size:5.25rem}.text h1,.text h3{-webkit-background-clip:text;background-clip:text;color:#0000;font-weight:600;line-height:.88}.text h3{background-image:linear-gradient(#ffeb3b,#f44336);font-size:3.5rem}.mountain-6{left:80.73%;top:55.59%;width:21.25%;z-index:10}.fog-4{left:46.875;top:74.505%;width:30.73%;z-index:11}.mountain-5{left:53.9%;top:80.769%;width:32.55%;z-index:12}.fog-3{left:49.22%;top:62.08%;width:83.33%;z-index:13}.mountain-4{left:30.13%;top:73.07%;width:41.67%;z-index:14}.mountain-3{left:89.06%;top:64.61%;width:27.08%;z-index:15}.fog-2{left:48.4375%;top:66.15%;width:83.33%;z-index:16}.mountain-2{left:71.45%;top:66.92%;width:35.9375%;z-index:17}.mountain-1{left:9.375%;top:51.868%;width:33.85%;z-index:18}.sun-rays{top:0;width:31%;z-index:19}.black-shadow,.sun-rays{pointer-events:none;position:absolute;right:0}.black-shadow{bottom:0;width:100%;z-index:20}.fog-1{left:50%;top:61%;width:130.21%;z-index:21}.vignette{background-color:radial-gradient(ellipse at center,#0000,65%,#000000b3);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:100}.cssbuttons-io-button{align-items:center;background:#a370f0;border:none;border-radius:.9em;box-shadow:inset 0 0 1.6em -.6em #714da6;color:#fff;display:flex;font-family:inherit;font-size:17px;font-weight:500;height:2.8em;left:47%;letter-spacing:.05em;overflow:hidden;padding:.35em 3.3em .35em 1.2em;position:relative;top:50px}.cssbuttons-io-button .btn_icon{align-items:center;background:#fff;border-radius:.7em;box-shadow:.1em .1em .6em .2em #7b52b9;display:flex;height:2.2em;justify-content:center;margin-left:1em;position:absolute;right:.3em;transition:all .3s;width:2.2em}.cssbuttons-io-button:hover .btn_icon{width:calc(100% - .6em)}.cssbuttons-io-button .btn_icon svg{color:#7b52b9;transition:transform .3s;width:1.1em}.cssbuttons-io-button:hover .btn_icon svg{transform:translateX(.1em)}.cssbuttons-io-button:active .btn_icon{transform:scale(.95)}@media (max-width:1800px){.text h2{font-size:5.5rem}.text h1{font-size:4.75rem}.text h3{font-size:3rem}.cssbuttons-io-button{top:20px}}.pre_body{background-image:radial-gradient(circle farthest-corner at center,#3c4b57 0,#1c262b 100%);height:100vh}.loader{height:64px;left:calc(50% - 32px);perspective:800px;top:calc(50% - 120px);width:64px}.inner,.loader{border-radius:50%;position:absolute}.inner{box-sizing:border-box;height:100%;width:100%}.inner.one{animation:rotate-one 1s linear infinite;border-bottom:3px solid #efeffa;left:0;top:0}.inner.two{animation:rotate-two 1s linear infinite;border-right:3px solid #efeffa;right:0;top:0}.inner.three{animation:rotate-three 1s linear infinite;border-top:3px solid #efeffa;bottom:0;right:0}@keyframes rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0deg)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(1turn)}}@keyframes rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0deg)}to{transform:rotateX(50deg) rotateY(10deg) rotate(1turn)}}@keyframes rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0deg)}to{transform:rotateX(35deg) rotateY(55deg) rotate(1turn)}}.loading{height:100%;position:fixed;z-index:9999}.loading,.loading-text{left:0;top:0;width:100%}.loading-text{bottom:0;height:100px;line-height:100px;margin:auto;position:absolute;right:0;text-align:center}.loading-text span{color:#fff;display:inline-block;font-family:Quattrocento Sans,sans-serif;margin:0 5px}.loading-text span:first-child{animation:blur-text 1.5s linear 0s infinite alternate;filter:blur(0)}.loading-text span:nth-child(2){animation:blur-text 1.5s linear .2s infinite alternate;filter:blur(0)}.loading-text span:nth-child(3){animation:blur-text 1.5s linear .4s infinite alternate;filter:blur(0)}.loading-text span:nth-child(4){animation:blur-text 1.5s linear .6s infinite alternate;filter:blur(0)}.loading-text span:nth-child(5){animation:blur-text 1.5s linear .8s infinite alternate;filter:blur(0)}.loading-text span:nth-child(6){animation:blur-text 1.5s linear 1s infinite alternate;filter:blur(0)}.loading-text span:nth-child(7){animation:blur-text 1.5s linear 1.2s infinite alternate;filter:blur(0)}@keyframes blur-text{0%{filter:blur(0)}to{filter:blur(4px)}}.img_body{align-items:center;display:flex;height:100vh;margin-bottom:-100px;text-align:center}.center{border:5px #00ff95;border-top-left-radius:30%;padding:75px 0;perspective:1200px;position:relative;width:770px}.center .img-card{height:350px;position:relative;transform-style:preserve-3d;transition:transform .5s ease-in;width:400px}.img-card img{height:100%;object-fit:cover;position:absolute;width:100%}.img-card img:first-child{transform:rotateX(-270deg) translateY(-175px);transform-origin:top left}.img-card img:nth-child(2){transform:translateZ(175px)}.img-card img:nth-child(3){transform:rotateX(-90deg) translateY(175px);transform-origin:bottom center}.img-card img:nth-child(4){transform:rotateX(-180deg) translateY(350px) translateZ(175px);transform-origin:bottom right}#tab-1:checked~.img-card{transform:rotateX(-90deg)}#tab-2:checked~.img-card{transform:rotateX(0deg)}#tab-3:checked~.img-card{transform:rotateX(90deg)}#tab-4:checked~.img-card{transform:rotateX(180deg)}.sliders{display:block;position:absolute;right:0;top:45px;-webkit-user-select:none;user-select:none}.sliders label{border:2px solid #2d4052;cursor:pointer;display:flex;height:98px;margin:6px 0;overflow:hidden;width:110px}.sliders label:first-child{margin-top:0}label img{filter:grayscale(1);height:100%;object-fit:cover;opacity:.9;width:100%}#tab-1:checked~.sliders label:first-child img,#tab-2:checked~.sliders label:nth-child(2) img,#tab-3:checked~.sliders label:nth-child(3) img,#tab-4:checked~.sliders label:nth-child(4) img,label img:hover{filter:grayscale(0);opacity:1}input[type=radio]{display:none}.Switch{align-items:center;background:#121212;display:flex;height:100vh;justify-content:center;overflow:hidden;position:fixed;width:100vw}.Switch:before{background:linear-gradient(180deg,#111c2b 0,#353782 12%,#ff6687 28%,#ffb959 45%,#87e0fd 72%,#53cbf1 87%,#05abe0);content:"";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#111c2b",endColorstr="#05abe0",GradientType=0);height:1000vh;left:0;position:absolute;top:0;transition:top 2.5s ease;width:100vw}.Switch[data-time=day]:before{top:-900vh}.Switch .Toggle{background:#fcfafa0d;border:5px solid hsla(0,25%,98%,.125);border-radius:200px;box-shadow:0 0 10px #0000001a;height:90px;position:absolute;right:20px;top:20px;width:180px}.Switch .Toggle[data-time=day] .Button{border:1px solid #fb5607!important;box-shadow:0 0 10px 10px #fb5607;left:100px;top:15px}.Switch .Toggle[data-time=day] .Button:before{opacity:1}.Switch .Toggle .Button{background:#ff0;background:#edddd4;background:linear-gradient(135deg,#edddd4,#fcfafa 50%,#edddd4 51%,#fcfafa);border:5px solid #edddd480;border-radius:200px;box-shadow:0 0 25px 5px #edddd4;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e2e2e2",endColorstr="#fefefe",GradientType=1);height:50px;left:15px;pointer-events:none;position:absolute;top:15px;transition:left 2.5s ease,box-shadow 2.5s ease,border 2.5s ease,top 2.5s ease;width:50px}.Switch .Toggle .Button:before{background:red;background:#fff;background:radial-gradient(ellipse at center,#fff 0,#ffbe0b 50%,#fb5607 100%);border-radius:200px;content:"";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefcea",endColorstr="#f1da36",GradientType=1);height:59px;left:-5px;opacity:0;position:absolute;top:-5px;transition:opacity 2.5s ease;width:59px}@font-face{font-family:Rocher;src:url(https://assets.codepen.io/9632/RocherColorGX.woff2)}.front_text{align-items:center;display:flex;flex-direction:column;font-size:50px;justify-content:center;left:140px;position:relative;text-align:center;top:-10px}.front_text h1{margin:0;-webkit-user-select:none;user-select:none}.front_text h6{margin:20px}.grays,.mint,.purples{font-family:Rocher,sans-serif}.download_btn{align-items:center;-webkit-appearance:none;appearance:none;background:blue;border:none;border-radius:2em;color:#fff;display:inline-flex;font-size:.45em;padding:.75rem 1rem}.spinner{--size:1em;--offset-r:calc(var(--size)*-1);--offset-l:0;--opacity:0;border:.125em solid hsla(0,0%,100%,.333);border-radius:50%;border-top-color:#fff;box-sizing:border-box;display:inline-flex;height:var(--size);margin:calc(var(--size)*-.5) var(--offset-r) calc(var(--size)*-.5) var(--offset-l);opacity:var(--opacity);position:relative;transition:.25s;width:var(--size)}.download_btn.active .spinner{--width:1em;--offset-r:0.333em;--offset-l:-0.333em;--opacity:1;animation:load .666s infinite}@keyframes load{to{transform:rotate(1turn)}}.view-modal{position:relative}.front_btns{align-items:center;display:inline-flex;height:65px;-webkit-user-select:none;user-select:none}.share_btn{margin-top:-23px}.share_btn button{border:2px solid #0000;border-radius:12px;font-weight:500;outline:none}.view-modal{background:#fff;color:#7d2ae8;font-size:18px;margin-left:10px;padding:10px 25px}.popup{background:#fff;border-radius:15px;box-shadow:0 10px 15px #0000001a;max-width:380px;opacity:0;padding:25px;pointer-events:none;position:absolute;transform:translate(-50%,-50%) scale(1.2);transition:top 0s ease-in-out .2s,opacity .2s ease-in-out 0s,transform .2s ease-in-out 0s;width:100%}.popup.show{left:65%;opacity:1;pointer-events:auto;text-align:start;top:90%;transform:translate(-50%,-50%) scale(1);transition:top 0s ease-in-out 0s,opacity .2s ease-in-out 0s,transform .2s ease-in-out 0s}.popup :is(header,.icons,.field){align-items:center;display:flex;justify-content:space-between}.popup header{border-bottom:2px solid #c0c1ca;padding-bottom:15px}header span{font-size:21px;font-weight:600}.icons a,header .close{align-items:center;border-radius:50%;display:flex;justify-content:center;transition:all .3s ease-in-out}header .close{background:#f2f3fb;color:#878787;font-size:17px;height:33px;width:33px}header .close:hover{background:#ebedf9}.popup .content{margin:20px 0}.popup .icons{margin:15px 0 20px}.content p{font-size:16px}.content .icons a{border:1px solid #0000;font-size:20px;height:50px;text-decoration:none;width:50px}.icons a i{transition:transform .3s ease-in-out}.icons a:first-child{border-color:#b7d4fb;color:#1877f2}.icons a:first-child:hover{background:#1877f2}.icons a:nth-child(2){border-color:#b6e7fc;color:#46c1f6}.icons a:nth-child(2):hover{background:#46c1f6}.icons a:nth-child(3){border-color:#b7d4fb;color:#1877f2}.icons a:nth-child(3):hover{background:#1877f2}.icons a:nth-child(4){border-color:#bef4d2;color:#25d366}.icons a:nth-child(4):hover{background:#25d366}.icons a:nth-child(5){border-color:#b3e6ff;color:#08c}.icons a:nth-child(5):hover{background:#08c}.icons a:hover{border-color:#0000;color:#fff}.icons a:hover i{transform:scale(1.2)}.content .field{border:1px solid #e1e1e1;border-radius:4px;height:45px;margin:12px 0 -5px;padding:0 5px}.field.active{border-color:#7d2ae8}.field i{font-size:18px;text-align:center;width:50px}.field.active i{color:#7d2ae8}.field input{border:none;font-size:15px;height:100%;outline:none;width:100%}.field button{background:#7d2ae8;color:#fff;padding:5px 18px}.field button:hover{background:#8d39fa}.scrolldown{--color:#fff;--sizeX:30px;--sizeY:50px;border:calc(var(--sizeX)/10) solid var(--color);border-radius:50px;height:var(--sizeY);margin-bottom:16px;margin-left:var(sizeX/2);top:80%;width:var(--sizeX)}.scrolldown,.scrolldown:before{box-sizing:border-box;left:50%;position:absolute}.scrolldown:before{animation:scrolldown-anim 2s infinite;background-color:var(--color);border-radius:100%;bottom:30px;box-shadow:0 -5px 3px 1px #fff6;content:"";height:6px;margin-left:-3px;width:6px}@keyframes scrolldown-anim{0%{height:6px;opacity:0}40%{height:10px;opacity:1}80%{height:10px;opacity:0;transform:translateY(20px)}to{height:3px;opacity:0}}.chevrons{align-items:center;display:flex;flex-direction:column;margin-left:-3px;margin-top:48px;padding:6px 0 0;width:30px}.chevrondown{border:solid var(--color);border-width:0 3px 3px 0;display:inline-block;height:10px;margin-top:-6px;position:relative;transform:rotate(45deg);width:10px}.chevrondown:nth-child(odd){animation:pulse .5s ease infinite alternate}.chevrondown:nth-child(2n){animation:pulse .5s ease .25s infinite alternate}@keyframes pulse{0%{opacity:0}to{opacity:.5}}@media (max-width:1800px){.scrolldown{left:55%}.share_btn{margin-top:-8px}.front_text{font-size:35px;left:90px}}.skill_body{align-items:center;display:flex;padding-left:200px}.skill_body::selection{background:#6665ee;color:#fff}.skill-bars{border-radius:10px;box-shadow:5px 5px 20px #0003;padding:25px 30px;width:600px;z-index:1}.skill-bars .bar{margin:20px 0}.skill-bars .bar:first-child{margin-top:0}.skill-bars .bar .info{margin-bottom:5px}.skill-bars .bar .info span{animation:showText .5s linear 1s forwards;font-size:17px;font-weight:500;opacity:0}@keyframes showText{to{opacity:1}}.skill-bars .bar .progress-line{animation:animate 1s cubic-bezier(1,0,.5,1) forwards;background:#f0f0f0;border-radius:10px;box-shadow:inset 0 1px 1px #0000000d,0 1px #fffc;height:10px;position:relative;transform:scaleX(0);transform-origin:left;width:100%}@keyframes animate{to{transform:scaleX(1)}}.bar .progress-line span{animation:animate 1s cubic-bezier(1,0,.5,1) 1s forwards;background:#6665ee;border-radius:10px;height:100%;position:absolute;transform:scaleX(0);transform-origin:left}.bar .progress-line.react span{width:90%}.bar .progress-line.spring span{width:55%}.bar .progress-line.nodejs span{width:80%}.bar .progress-line.mysql span{width:70%}.bar .progress-line.java span{width:85%}.bar .progress-line.mongodb span{width:75%}.progress-line span:before{animation:showText2 .5s linear 1.5s forwards;border-color:#000 #0000 #0000;border-style:solid;border-width:7px 0 0 7px;content:"";height:0;opacity:0;position:absolute;right:0;top:-10px;width:0}.progress-line span.clicked:before{border-top-color:#fff}.progress-line span:after{animation:showText2 .5s linear 1.5s forwards;background:#000;border-radius:3px;color:#fff;font-size:12px;font-weight:500;opacity:0;padding:1px 8px;position:absolute;right:0;top:-28px}.progress-line span.clicked:after{background:#fff;color:#000}@keyframes showText2{to{opacity:1}}.progress-line.react span:after{content:"90%"}.progress-line.spring span:after{content:"55%"}.progress-line.nodejs span:after{content:"80%"}.progress-line.mysql span:after{content:"70%"}.progress-line.java span:after{content:"85%"}.progress-line.mongodb span:after{content:"75%"}.skills{display:flex;flex-direction:row}.skill_img{left:200px;position:relative}.skills_bubble{display:grid;font:2vw system-ui;margin:10px;place-items:center;position:absolute;-webkit-user-select:none;user-select:none}.skills_bubble p{animation:float 5s ease-in-out infinite;box-shadow:20px 20px #83af9b;color:#774f38;font-family:Baloo\ 2,cursive;font-size:15px;letter-spacing:3px;padding:50px;position:relative;text-align:center;text-transform:uppercase}.skills_bubble p,.skills_bubble p:after{background-color:#ece5ce;border-radius:11px;font-weight:700;transform:translatey(0)}.skills_bubble p:after{-webkit-text-fill-color:#ece5ce;animation:float2 5s ease-in-out infinite;bottom:-30px;box-shadow:22px 22px #83af9b;content:".";display:block;font-size:55px;height:11px;left:0;line-height:30px;position:absolute;text-align:left;text-shadow:22px 22px #83af9b;width:55px;z-index:-2}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}@keyframes float2{0%{line-height:30px;transform:translatey(0)}55%{transform:translatey(-20px)}60%{line-height:10px}to{line-height:30px;transform:translatey(0)}}@keyframes scaleAnimation{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}#linode{opacity:.6}#aws{left:850px;top:50px}#firebase{left:700px;top:-350px}#aws-ec2{left:500px;opacity:.8;top:25px}#aws-amplify{left:1350px;opacity:.6;top:-75px}#mern-stack{left:50px;top:-220px}@media (max-width:1800px){.skill_img{left:40px}.skill_body{padding-left:80px}#linode{top:-25%}#aws{left:250%;top:35%}#firebase{left:320%;top:-250%}#aws-ec2{left:200%;top:18%}#aws-amplify{left:500%;top:-58%}#mern-stack{left:18%;top:-150%}}.blog-card{background:#fff;border-radius:5px;box-shadow:0 3px 7px -1px #0000001a;display:flex;flex-direction:column;font-family:sans-serif;line-height:1.4;margin:1rem auto 1.6%;overflow:hidden;z-index:0}.blog-card a{color:inherit}.blog-card a:hover{color:#5ad67d}.blog-card:hover .photo{transform:scale(1.3) rotate(3deg)}.blog-card .meta{height:200px;position:relative;z-index:0}.blog-card .photo{background-position:50%;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0;transition:transform .2s}.blog-card .details,.blog-card .details ul{list-style:none;margin:auto;padding:0}.blog-card .details{bottom:0;font-size:.9rem;left:-100%;margin:auto;padding:10px;position:absolute;top:0;transition:left .2s;-webkit-user-select:none;user-select:none;width:100%}.blog-card .details a{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.blog-card .details ul li{display:inline-block}.blog-card .details .author:before{content:"";font-family:FontAwesome;margin-right:10px}.blog-card .details .date:before{content:"";font-family:FontAwesome;margin-right:10px}.blog-card .details .tags ul:before{content:"";font-family:FontAwesome;margin-right:10px}.blog-card .details .tags li{margin-right:2px}.blog-card .details .tags li:first-child{margin-left:-4px}.blog-card .description{padding:1rem;position:relative;z-index:1}.blog-card .description h1,.blog-card .description h2{font-family:Poppins,sans-serif;-webkit-user-select:none;user-select:none}.blog-card .description h1{font-size:1.7rem;line-height:1;margin:0}.blog-card .description h2{color:#a2a2a2;font-size:1rem;font-weight:300;margin-top:5px;text-transform:uppercase}.blog-card .description .read-more{text-align:right;-webkit-user-select:none;user-select:none}.blog-card .description .read-more a{color:#5ad67d;display:inline-block;position:relative}.blog-card .description .read-more a:after{content:"";font-family:FontAwesome;margin-left:-10px;opacity:0;transition:margin .3s,opacity .3s;vertical-align:middle}.blog-card .description .read-more .social_icons2:hover:after,.blog-card .description .read-more a:hover:after{margin-left:5px;opacity:1}.blog-card p{margin:1rem 0 0;position:relative}.blog-card p:first-of-type{margin-top:1.25rem}.blog-card p:first-of-type:before{background:#5ad67d;border-radius:3px;content:"";height:5px;position:absolute;top:-.75rem;width:35px}.blog-card:hover .details{left:0}@media (min-width:850px){.blog-card{flex-direction:row;max-width:700px}.blog-card .meta{flex-basis:40%;height:auto}.blog-card .description{flex-basis:60%}.blog-card .description:before{background:#fff;bottom:0;content:"";left:-10px;position:absolute;top:0;transform:skewX(-3deg);width:30px;z-index:-1}.blog-card .description.clicked:before{background:#000}.blog-card.alt{flex-direction:row-reverse}.blog-card.alt .description:before{left:inherit;right:-10px;transform:skew(3deg)}.blog-card.alt .details{padding-left:25px}}.box{margin:0 auto;perspective:1000px;position:relative;-webkit-user-select:none;user-select:none;width:200px}.box .front-face{background:#fff;box-shadow:0 5px 20px 0 #0051fa1a;display:flex;flex-direction:column;height:150px;justify-content:center;transition:all .5s ease;width:100%}.box .front-face .icon{height:80px}.box .front-face .icon i{font-size:65px}.box .back-face span,.box .front-face span{font-size:22px;font-weight:600;text-transform:uppercase}.box .front-face .icon i,.box .front-face span{-webkit-text-fill-color:#0000;background:linear-gradient(-135deg,#c850c0,#4158d0);-webkit-background-clip:text;background-clip:text;color:#0000}.box .back-face{backface-visibility:hidden;background:linear-gradient(-135deg,#c850c0,#4158d0);box-shadow:0 5px 20px 0 #0051fa1a;color:#fff;height:150px;left:0;opacity:0;padding:30px;position:absolute;top:0;transform:translateY(110px) rotateX(-90deg);transform-style:preserve-3d;transition:all .5s ease;width:100%;z-index:1}.box .back-face p{margin-top:10px;text-align:justify}.box:hover .back-face{opacity:1;transform:rotateX(0deg)}.box:hover .front-face{opacity:0;transform:translateY(-110px) rotateX(90deg)}.project_section{padding:5px 150px;text-align:center}.project_content{display:grid;grid-template-columns:1fr repeat(3,13.33333%);place-items:center}.social_icons2{color:#394eb8;font-size:18px;position:relative;right:2px;top:3px}.showHide_btn{position:absolute}@media (max-width:1800px){.project_content{grid-template-columns:1fr repeat(2,20%)}}.sh_bg,.sh_button{border-radius:100%;height:50px;position:absolute;width:50px}.sh_container{align-items:center;display:flex;height:10vh;justify-content:center;width:100%}.sh_bg{animation:pulses 1.2s ease infinite}.sh_bg,.sh_button{background:#ff3466}.sh_button{align-items:center;background-size:18px;border:none;display:flex;justify-content:center;outline:none;position:absolute;z-index:99}.sh_button a{color:#fff;font-size:17px;position:absolute}@keyframes pulses{0%{transform:scale(1)}50%{opacity:.3}to{opacity:0;transform:scale(1.5)}}#about::selection{background:#ff7979;color:#fff}.wrapper{margin:50px auto;max-width:1080px;padding:0 20px;position:relative}.wrapper .center-line{background:#fff;height:100%;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:4px}.wrapper .row{display:flex}.wrapper .row-1{justify-content:flex-start}.wrapper .row-2{justify-content:flex-end}.wrapper .row section{border-radius:5px;padding:20px;position:relative;width:calc(50% - 40px)}.wrapper .row section:before{background:#fff;content:"";height:15px;position:absolute;top:28px;transform:rotate(45deg);width:15px;z-index:-1}.wrapper .row section.clicked:before{background:#000}.row-1 section:before{right:-7px}.row-2 section:before{left:-7px}.center-line .scroll-icon,.row section .timeline_icon{border-radius:50%;color:#ff7979;font-size:17px;height:40px;line-height:40px;position:absolute;text-align:center;width:40px}.center-line .scroll-icon{bottom:0;font-size:25px;left:50%;transform:translateX(-50%)}.row-1 section .timeline_icon{right:-60px;top:15px}.row-2 section .timeline_icon{left:-60px;top:15px}.row section .bottom,.row section .details{align-items:center;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.row section .details .title{font-size:22px;font-weight:600}.row section p{margin:10px 0 17px}.row section .bottom a{background:#ff7979;border-radius:5px;color:#fff;font-weight:400;padding:7px 15px;text-decoration:none;transition:all .3s ease}.row section .bottom a:hover{transform:scale(1.1)}.row section .bottom a:focus{transform:scale(.9)}@keyframes scaleTimelineAnimation{0%{transform:scale(0)}to{transform:scale(1)}}.cu_body{align-items:center;display:flex;height:75vh;justify-content:flex-end;padding-right:80px;position:relative;width:100%;z-index:0}.cu_container{background:#fff;border-radius:6px;box-shadow:0 5px 10px #0003;padding:20px 60px 30px 40px;width:60%;z-index:1}.cu_container.dark{background:#000;color:#fff}.cu_container .cu_content{align-items:center;display:flex;justify-content:space-between}.cu_container .cu_content .left-side{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:15px;position:relative;width:25%}.cu_content .left-side:before{background:#afafb6;content:"";height:70%;position:absolute;right:-15px;top:50%;transform:translateY(-50%);width:2px}.cu_content .left-side .cu_details{margin:14px;text-align:center}.cu_content .left-side .cu_details i{color:#3e2093;font-size:30px;margin-bottom:10px}.cu_content .left-side .cu_details .topic{font-size:18px;font-weight:500}.cu_content .left-side .cu_details .text-one,.cu_content .left-side .cu_details .text-two{color:#afafb6;font-size:14px}.cu_content .left-side .cu_details .text-one:hover,.cu_content .left-side .cu_details .text-two:hover{color:#58585a}.cu_container .cu_content .right-side{margin-left:75px;width:75%}.cu_content .right-side .topic-text{color:#3e2093;font-size:23px;font-weight:600}@media (max-width:1800px){.cu_body{padding-right:0}}.right-side .cu_input-box{height:50px;margin:16px 0;position:relative;width:100%}.right-side .cu_input-box input{background:#fae9fb;border:2px solid #0000;border-radius:6px;font-size:16px;height:100%;outline:none;padding-left:16px;position:absolute;transition:all .3s ease;width:100%}.right-side .cu_input-box input:focus,.right-side .cu_input-box input:valid{background-color:#fff;border-color:#ba24c2}.right-side .cu_input-box.dark input:focus,.right-side .cu_input-box.dark input:valid{background-color:#000;color:#fff}.right-side .cu_input-box label{color:#636c72;font-size:15px;left:18px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;-webkit-user-select:none;user-select:none}.right-side .cu_input-box input:focus~label,.right-side .cu_input-box input:valid~label{background:#fff;color:#ba24c2;display:14px;left:12px;top:0}.right-side .cu_input-box.dark input:focus~label,.right-side .cu_input-box.dark input:valid~label{background:#000;color:#fff}.right-side .cu_input-box input[type=submit]{background:#ba24c2;color:#fff;cursor:pointer;font-size:18px;font-weight:500;letter-spacing:1px;padding-left:0;transition:all .3s ease}.right-side .cu_input-box input[type=submit]:hover{background-color:#d43ddb}.right-side .message-box{min-height:100px;position:relative}.right-side .message-box textarea{background:#fae9fb;border:2px solid #0000;border-radius:6px;font-size:16px;height:100%;outline:none;padding:16px;position:absolute;resize:none;transition:all .3s ease;width:100%}.right-side .message-box textarea:focus,.right-side .message-box textarea:valid{background-color:#fff;border-color:#ba24c2}.right-side .message-box.dark textarea:focus,.right-side .message-box.dark textarea:valid{background-color:#000;color:#fff}.right-side .message-box label{color:#636c72;font-size:16px;left:18px;pointer-events:none;position:absolute;top:6px;transition:all .3s ease}.right-side .message-box textarea:focus~label,.right-side .message-box textarea:valid~label{background:#fff;color:#ba24c2;font-size:14px;left:12px;top:-10px}.right-side .message-box.dark textarea:focus~label,.right-side .message-box.dark textarea:valid~label{background:#000;color:#fff}
/*# sourceMappingURL=main.f5bf1f62.css.map*/