@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hamburger{display:none}.label{align-items:center;background-color:#fff;border-radius:30px;box-shadow:inset 0 0 5px 4px #fff,inset 0 0 20px 1px rgba(0,0,0,.488),10px 20px 30px rgba(0,0,0,.096),inset 0 0 0 3px rgba(0,0,0,.3);cursor:pointer;display:flex;height:50px;position:relative;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;width:100px}.label:hover{-webkit-transform:perspective(100px) rotateX(5deg) rotateY(-5deg);transform:perspective(100px) rotateX(5deg) rotateY(-5deg)}#checkbox:checked~.label:hover{-webkit-transform:perspective(100px) rotateX(-5deg) rotateY(5deg);transform:perspective(100px) rotateX(-5deg) rotateY(5deg)}#checkbox{display:none}#checkbox:checked~.label:before{background-color:#000;background-image:linear-gradient(315deg,#000,#414141 70%);left:70px;transition:.4s}.label:before{background-color:#000;background-image:linear-gradient(130deg,#757272 10%,#fff 11%,#726f6f 62%);border-radius:50%;box-shadow:0 2px 1px rgba(0,0,0,.3),10px 10px 10px rgba(0,0,0,.3);content:"";height:40px;left:10px;position:absolute;transition:.4s;width:40px}*{border:none;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;outline:none;padding:0;scroll-behavior:smooth;text-decoration:none}:root{--bg-color:#fdfdfd;--second-bg-color:#323946;--text-color:#333;--main-color:#754ef9;--white-color:#fdfdfd;--shadow-color:rgba(0,0,0,.2);--v-color:#bebeed}html{font-size:62.5%;overflow-x:hidden}body{background:#fdfdfd;background:var(--bg-color);color:#333;color:var(--text-color)}.header{align-items:center;background:#30384a;display:flex;left:0;padding:.5rem 7%;position:fixed;top:0;width:100%;z-index:100}.logo{color:#754ef9;color:var(--main-color);cursor:default;font-size:1.5rem;font-weight:200;margin-right:auto}.navbar a{color:#fdfdfd;color:var(--white-color);font-size:2rem;font-weight:800;margin-right:3.5rem;position:relative}.header .sticky .navbar a{color:#333;color:var(--text-color)}.active:hover{color:#000}.header.sticky .navbar a:before{background:#754ef9;background:var(--main-color);opacity:.7}input[type=checkbox]{display:none;visibility:hidden}.bar{cursor:pointer;height:40px;position:relative;width:50px}.bar span{background:#f1faee;border-radius:100px;display:inline-block;height:7px;left:0;position:absolute;transition:.3s ease;width:45px}.bar span.top{top:0}.bar span.middle{top:17px}.bar span.bottom{bottom:0}input[type]:checked~span.top{left:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:top left;transform-origin:top left;width:48px}input[type]:checked~span.bottom{bottom:-1px;box-shadow:0 0 10px #495057;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:top left;transform-origin:top left;width:48px}input[type]:checked~span.middle{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}input:checked+div span.line-1{-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg)}input:checked+div span.line-3{-webkit-transform:translate(-100%) rotate(-45deg);transform:translate(-100%) rotate(-45deg)}input:checked+div span.line-2{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.header .sticky #darkMode-icon{color:#333;color:var(--text-color);opacity:.9}#menu-icon{color:#333;color:var(--text-color);display:none;font-size:3.6rem}section{min-height:100vh;padding:10rem 7% 2rem}.home{align-items:center;display:flex;flex-direction:row}.home .home-content{max-width:44rem}.home-content h3{font-size:3.2rem;font-weight:700;line-height:.4;margin-bottom:2rem}.home-content h3:nth-of-type(2){margin-bottom:3rem}span{color:skyblue;font-size:3.9rem}.home-content h1{font-size:5.6rem;font-weight:700;line-height:1.3;margin-bottom:2rem}.home-content p{font-size:1.6rem;margin-bottom:3rem}button{background:linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);background-size:300%;border:none;border-radius:30px;color:#fff;font-family:inherit;font-size:14px;height:3em;line-height:2em;position:none;text-align:center;text-decoration:none;width:9em;z-index:1}button:hover{-webkit-animation:ani 8s linear infinite;animation:ani 8s linear infinite;border:none}@-webkit-keyframes ani{0%{background-position:0}to{background-position:400%}}@keyframes ani{0%{background-position:0}to{background-position:400%}}button:before{background:linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);background-size:400%;border-radius:35px;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px;transition:1s;z-index:-1}button:hover:before{-webkit-filter:blur(20px);filter:blur(20px)}button:active{background:linear-gradient(32deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4)}.btn{background:#754ef9;background:var(--main-color);border:.2rem solid transparent;border-radius:4rem;box-shadow:0 0 1rem rgba(0,0,0,.2);box-shadow:0 0 1rem var(--shadow-color);color:#fdfdfd;color:var(--white-color);display:inline-block;font-size:1.6rem;font-weight:600;letter-spacing:.1rem;padding:1.2rem 2.8rem;transition:.5s ease}.btn:hover{background:transparent;border-color:#754ef9;border-color:var(--main-color);color:#754ef9;color:var(--main-color)}.home .profession-container{height:768px;overflow:hidden;pointer-events:none;position:absolute;right:0;top:50%;-webkit-transform:translateY(-45%);transform:translateY(-45%);width:768px}.home .profession-container .profession-box{align-items:center;-webkit-animation:professionRotate 13s;animation:professionRotate 13s;background:transparent;border-radius:50%;display:flex;height:768px;justify-content:center;position:absolute;right:0;top:0;width:768px}@-webkit-keyframes professionRotate{0%,20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%,45%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}50%,70%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}75%,95%{-webkit-transform:rotate(-270deg);transform:rotate(-270deg)}}@keyframes professionRotate{0%,20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%,45%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}50%,70%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}75%,95%{-webkit-transform:rotate(-270deg);transform:rotate(-270deg)}}.home .profession-box .profession{align-items:center;background:#fdfdfd;background:var(--bg-color);color:#8a2be2;display:flex;flex-direction:column;left:0;padding:13px 0;position:absolute;-webkit-transform:rotate(calc(90deg*var(--i)));transform:rotate(calc(90deg*var(--i)));-webkit-transform-origin:384px;transform-origin:384px}.home .profession-box .profession:first-child i{margin-right:15px}.home .profession-box .profession:nth-child(2),.home .profession-box .profession:nth-child(4){padding-bottom:20px}.home .profession i{font-size:3.8rem}.home .profession h3{color:#4bacd8;font-size:3.2rem;font-weight:600;line-height:1}.home .profession-box .circle{background:transparent;border:5px solid #754ef9;border:5px solid var(--main-color);border-radius:50%;height:560px;width:560px}.home .profession-container .overlay{border-bottom:384px solid #754ef9;border-left:384px solid transparent;border-right:384px solid #754ef9;border-top:384px solid #754ef9;border:384px solid var(--main-color);height:0;position:absolute;right:0;top:0;width:0}.home-img img{bottom:10px;pointer-events:none;position:absolute;right:10px;width:520px}.about{align-items:center;background:transparent;display:flex;gap:2rem;justify-content:center}.about-img img{border-radius:80px 80px 135px 80px;width:35w}.heading{font-size:4.5rem;text-align:center}.about-content h2{line-height:1.2;text-align:left}.about-content h3{font-size:2.6rem}.about-content p{font-size:1.6rem;margin:2rem .6rem}.services{min-height:auto;padding-bottom:7rem}.services h2{margin-bottom:5rem}.service-container{align-items:center;display:flex;flex-direction:row;gap:40rem;justify-content:center}.services-container .services-box{background:#add8e6;border:.2rem solid #fdfdfd;border-bottom:.6rem solid #fdfdfd;border:.2rem solid var(--bg-color);border-bottom:.6rem solid var(--white-color);border-radius:2rem;flex:1 1 30rem;padding:3rem 2rem 4rem;text-align:center;transition:.5s ease}.service-container .services-box:hover{box-shadow:.1rem 2rem rgba(0,0,0,.2);box-shadow:.1rem 2rem var(--shadow-color);-webkit-transform:scale(1.02);transform:scale(1.02)}.services-container .services-box:hover{border-color:#754ef9;border-color:var(--main-color);-webkit-transform:scale(1.02);transform:scale(1.02)}.service-box i{color:#754ef9;color:var(--main-color);font-size:7rem}.services-box h3{font-size:2.6rem}.services-box:hover h3{color:#754ef9;color:var(--main-color)}.services-box p{font-size:1.6 rem;margin:1rem 0}.portfolio{padding-bottom:10rem}.portfolio h2{margin-bottom:4rem}.contact h2{margin-bottom:3 rem}.contact form{margin:1rem auto 3rem;max-width:70rem;text-align:center}.contact form .input-box{display:flex;flex-wrap:wrap;justify-content:space-between}.contact form .input-box input,.contact form textarea{background:#bebeed;background:var(--v-color);border-radius:.8rem;color:#323946;color:var(--second-bg-color);font-size:1.6rem;margin:.7rem 0;padding:1.5rem;width:100%}.contact form .input-box input{width:49%}.contact form textarea{resize:none}.contact form .btn{cursor:pointer;margin-top:2rem}.footer{align-items:center;background:#789;display:flex;flex-wrap:wrap;justify-content:space-between;padding:1rem 9%}.footer-text p{font-size:2.6rem}.footer-iconTop a{align-items:center;background:transparent;border-radius:.8rem;display:inline-flex;justify-content:cneter;padding:.8rem;transition:.5s ease}.footer-iconTop a i{color:#323946;color:var(--second-bg-color);font-size:2.4rem}@media (max-width:1200px){html{font-size:55%}.home .profession-container{height:85.8 rem}.home .profession-container .profession-box{height:85.8rem;right:-12rem}.home .profession-container .overlay{right:-9rem}}@media (max-width:1024px){.header{padding:2rem 3%}section{padding:10rem 3% 2rem}.home .profession-container .profession-box{right:-22rem}.home .portfolio-container overlay{right:-15rem}}@media (max-width:991px){.navbar a:first-child,.navbar a:nth-child(2){color:#754ef9;color:var(--main-color)}.navbar a.active:before{background:#754ef9;background:var(--main-color);opacity:.7}.home .home-content{max-width:50rem}.home .profession-container .profession-box{right:-45rem}.home .profession-container .overlay{right:-39.5rem}.home-img img{display:none}.portfolio,.services{padding-bottom:7rem}.contact{min-height:auto}.footer{padding:2rem 3%}}@media (max-width:768px){.hamburger{color:#fff;display:block;margin-right:3rem}.ham-btn{width:65px}.logov{width:75px}.header{padding:16px;position:inherit}.mobile-navbar{align-items:center;display:flex;flex-direction:column;justify-content:center}.mob-nav-li{border:1px solid #03a9f4;border-radius:50px;color:#000;font-size:2rem;margin:6px;padding:1rem;text-align:center;width:80%}.mob-nav-li:hover{background-color:skyblue;color:#fff}.home{justify-content:center;margin-top:.5rem;position:-webkit-sticky;position:sticky;text-align:center}section{min-height:80vh;padding:0}#menu-icon{display:block}#darkMode-icon{color:#333;color:var(--text-color);font-size:2.6rem;margin-bottom:.1rem;position:absolute;right:7rem}.portfolio-box-img{width:240px}.navbar{background:#fdfdfd;background:var(--bg-color);border-top:1rem solid rgba(0,0,o,-2);box-shadow:.5rem 1rem rgba(0,0,0,.1);display:none;left:0;padding:1rem 3%;position:absolute;top:100%;width:100%}.navbar a{color:#333;color:var(--text-color);display:block;font-size:2rem;margin:3rem 0}.navbar a:first-child,.navbar a:nth-child(2){color:#754ef9;color:var(--main-color)}.navbar a:before{display:none}.home-content h3{font-size:2.6rem}.home-content h1{font-size:5rem}.home-content .social-media a{margin:2.5rem .75rem 3rem}.home .profession-container{height:100%;left:0;width:100%}.home .profession-container .profession-box{border-radius:0;left:0;position:fixed;top:60%;width:100%}.home .profession-box .profession{left:auto;padding:0 13px;-webkit-transform-origin:0;transform-origin:0}.home .profession-box .profession:first-child{margin-right:0;-webkit-transform:rotate(-90deg) translate(-120px,-210px);transform:rotate(-90deg) translate(-120px,-210px)}.home .profession-box .profession:nth-child(2){-webkit-transform:rotate(0deg) translateY(-335px);transform:rotate(0deg) translateY(-335px)}.home .profession-box .profession:nth-child(3){-webkit-transform:rotate(90deg) translate(-115px,-450px);transform:rotate(90deg) translate(-115px,-450px)}.home .profession-box .profession:nth-child(4){-webkit-transform:rotate(180deg) translate(-220px,-335px);transform:rotate(180deg) translate(-220px,-335px)}.home .profession-box .circle{height:670px;position:fixed;width:670px;z-index:-1}.home .profession-container .overlay{border-width:23.9rem;left:50%;position:fixed;right:0;top:70rem;-webkit-transform:rotate(90deg) translate(-50%,50) scaleY(3);transform:rotate(90deg) translate(-50%,50) scaleY(3)}.about{flex-direction:column-reverse}.about,.about-content h2{text-align:center}.about-img img{margin-top:-2rem;width:70vw}.portfolio h2,.services h2{margin-bottom:3rem}.portfolio .portfolio-container{grid-template-columns:repeat(2,1fr)}}.skills-container{justify-content:space-between}.skills-box,.skills-container{align-items:center;display:flex}.skills-box{flex-direction:column;gap:20px;justify-content:center}.icons{width:200px}@media (max-width:768px){.skills-container{flex-direction:column;text-align:center}.skills-box{margin-bottom:20px}.icons{width:150px}}@media (max-width:480px){.skills-container{display:flex;flex-direction:row;flex-wrap:wrap;text-align:center}.skills-box{margin-bottom:10px}.icons{width:95px}}.icons-react{border-radius:16px;width:200px}@media only screen and (max-width:600px){.icons-react{width:95px}}.codelab{width:600px}.portfolio-container{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:space-between}.portfolio-box{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}@media (max-width:768px){.portfolio-container{align-items:center;flex-direction:column}.portfolio-box{margin-bottom:20px}.codelab{width:316px}.container{display:none}.skills-container{flex-wrap:wrap}.skills-box{margin:10px auto;width:45%}}.uparrow{width:20px}@media (max-width:768px){.footer{text-align:center}.footer-iconTop{margin-top:1rem}.footer-text{margin-bottom:1rem}}
/*# sourceMappingURL=main.da50cedb.css.map*/