@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Open+Sans:wght@400;600;800&display=swap);.intro-section{margin-top:136px}.intro{align-items:center;display:flex;justify-content:center;margin-top:-90px}.intro>div{float:left;width:50%}.title{color:#fff;font-family:Fira Code;font-size:32px;font-style:normal;font-weight:600;line-height:normal}.title span{color:#c778dd}.desc{color:#abb2bf;color:var(--gray,#abb2bf);font-family:Fira Code;font-size:16px;font-style:normal;font-weight:400;line-height:25px;margin-bottom:24px;margin-top:32px}.personImg{display:flex;height:386px;position:relative;width:457px;z-index:1}.dot,.person{flex-shrink:0}.dot{align-items:flex-start;display:flex;flex-direction:column;height:84px;justify-content:space-between;margin-left:-20px;margin-top:114px;width:84px}.icon{flex-shrink:0;height:155px;margin-left:80px;width:155px}.text-box{display:flex;left:43%;position:relative}.text-box .main-box{border:1px solid #abb2bf;padding:32px;position:relative}.text-box .main-box p{color:#fff;font-family:Fira Code;font-size:24px;font-style:normal;font-weight:500;line-height:normal;margin:0;padding:0}.text-box .mini-box{border:1px solid #abb2bf;padding:16px;position:absolute;right:45.9%;top:100%}.text-box .mini-box p{color:#fff;font-family:Fira Code;font-size:24px;font-style:normal;font-weight:400;line-height:normal;margin:0;padding:0}.project-section{margin-top:200px}.first-line{align-content:space-between;display:flex;justify-content:center}.first-line p{color:#fff;font-family:Fira Code;font-size:32px;font-style:normal;font-weight:500;line-height:normal}.line{background:#c778dd;box-sizing:border-box;height:1px;margin:20px 210px 0 16px;width:511px}.view-all{color:#fff;font-family:Fira Code;font-size:16px;font-style:normal;font-weight:500;line-height:normal;margin-top:10px;text-decoration:none}.custom-card{border:1px solid #abb2bf;border:1px solid var(--gray,#abb2bf)}.custom-card .card-footer{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.custom-card .card-footer p{color:#abb2bf;color:var(--gray,#abb2bf);font-family:Fira Code;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.custom-card-header{margin:0;padding:0}.custom-card-header img{height:100%;object-fit:cover;width:100%}.custom-card-header p{align-items:flex-start;align-self:stretch;border-bottom:1px solid #abb2bf;border-bottom:1px solid var(--gray,#abb2bf);color:#abb2bf;color:var(--gray,#abb2bf);display:flex;font-family:Fira Code;font-size:16px;font-style:normal;font-weight:400;gap:8px;line-height:normal;margin-bottom:0;padding:8px}.custom-card-body{padding:16px}.custom-card-body h1{color:#fff;color:var(--white,#fff);font-size:24px;font-weight:500;margin-bottom:16px}.custom-card-body h1,.custom-card-body p{font-family:Fira Code;font-style:normal;line-height:normal}.custom-card-body p{color:#abb2bf;color:var(--gray,#abb2bf);font-size:16px;font-weight:400}.live{margin-bottom:26px;text-decoration:none}.cashed,.live{margin-left:16px}.cashed{border:1px solid #abb2bf!important;border:1px solid var(--gray,#abb2bf)!important;color:#abb2bf!important;color:var(--gray,#abb2bf)!important}.project-section{position:relative}.project-section .project-title{display:flex;justify-content:space-between}.project-section .project-title .title-main{display:flex}.project-section .project-title .text{font-size:32px}.project-section .project-title .text,.project-section .project-title .view-all{color:#fff;color:var(--white,#fff);font-family:Fira Code;font-style:normal;font-weight:500;line-height:normal}.project-section .project-title .view-all{font-size:16px;text-decoration:none}.project-section .cards{align-items:center;display:flex;justify-content:space-between;margin-bottom:81px;margin-top:48px}.project-section .dotpattern{left:-13%;position:absolute}.project-section .square{border:1px solid #abb2bf;border:1px solid var(--gray,#abb2bf);border-right:none;flex-shrink:0;height:155px;position:absolute;right:-8.6%;top:50%;width:50px}.skill-section{margin-top:106px}.skill-section .skill-title{display:flex}.skill-section .skill-title .text{color:#fff;color:var(--white,#fff);font-family:Fira Code;font-size:32px;font-style:normal;font-weight:500;line-height:normal}.skill-section .main{align-items:center;display:flex;justify-content:space-around}.skill-section .main .patterns{margin:0;padding:0;position:relative}.skill-section .main .patterns img{margin:0;padding:0}.skill-section .main .patterns .img1{left:-100%;position:absolute;top:10%}.skill-section .main .patterns .img2{position:absolute;right:-100%;top:0}.skill-section .main .patterns .img3{position:absolute;right:0;top:40%}.skill-section .main .patterns .img44{margin-left:-100%;margin-top:150%}.skill-section .main .patterns .img5{bottom:20%;position:absolute;right:-125%}.skill-section .main .main-side{align-items:center;display:flex;justify-content:space-around}.skill-section .main .main-side .box{border:1px solid #abb2bf;border:1px solid var(--gray,#abb2bf);padding:8px;width:178px}.skill-section .main .main-side .box .title{color:#fff;color:var(--white,#fff);display:flex;font-family:Fira Code;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.skill-section .main .main-side .box .line{background:#abb2bf;border:none;border-top:1px solid var(--gray,#abb2bf);height:0;margin:8px -8px -8px;padding:0;width:177px}.skill-section .main .main-side .box .desc{color:#abb2bf;color:var(--gray,#abb2bf);font-family:Fira Code;font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:8px;margin-top:20px}.about-me-section{margin-top:112px}.about-me-section .title{display:flex}.about-me-section .main{display:flex;justify-content:space-between}.about-me-section .main .text{position:relative}.about-me-section .main .text .half-square{border:1px solid #abb2bf;border:1px solid var(--gray,#abb2bf);border-left:none;flex-shrink:0;height:155px;left:-40%;position:absolute;top:30%;width:100px}.about-me-section .main .text .desc{width:515px}.about-me-section .main .text .desc .part-2{margin-bottom:40px;margin-top:40px}.about-me-section .main .pattern{margin-right:15%;position:relative}.about-me-section .main .pattern .person2{opacity:.7;position:absolute;right:-100%;top:-12.5%;width:500px}.about-me-section .main .pattern .img-1{height:84px;position:absolute;right:300%;top:0;width:84px}.about-me-section .main .pattern .img-2{height:56px;position:absolute;right:125%;top:48%;width:104px}.about-me-section .main .pattern .img-3{height:103px;margin-left:125%;margin-top:225%;width:103px}.contact-section{margin-top:113px;position:relative}.contact-section .contact-title{display:flex}.contact-section .contact-title .text{color:#fff;color:var(--white,#fff);font-family:Fira Code;font-size:32px;font-style:normal;font-weight:500;line-height:normal}.contact-section .contact-title img{height:103px;left:-40%;position:absolute;top:30%;width:103px}.contact-section .pattern{position:relative}.contact-section .pattern .dotImg{left:-15%;margin-top:3.5%;position:absolute}.contact-section .main{align-items:center;display:flex;justify-content:space-between}.contact-section .main .desc{color:#abb2bf;color:var(--gray,#abb2bf);font-family:Fira Code;font-size:16px;font-style:normal;font-weight:500;line-height:normal;width:505px}.contact-section .main .box{border:1px solid #abb2bf;border:1px solid var(--gray,#abb2bf);gap:16px;padding:16px;width:204px}.contact-section .main .box .box-title{color:#fff;color:var(--white,#fff);font-family:Fira Code;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.contact-section .main .box .item{align-items:center;display:flex;justify-content:center}.contact-section .main .box .item .desc{font-size:13.5px;margin:0 0 0 2px}@media (max-width:768px){.project-section{margin-top:100px}.project-section .first-line{justify-content:center;text-align:center}.project-section .first-line p{font-size:20px}.project-section .project-title .title-main{display:inline;display:initial}.project-section .project-title .text{font-size:20px}.project-section .project-title .view-all{font-size:14px}.project-section .line{width:100%}.project-section .cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr;justify-content:center}.project-section .custom-card{margin-top:20px;max-width:320px;width:90vw}.project-section .custom-card .custom-card-header p{font-size:14px}.project-section .custom-card .custom-card-body h1{font-size:18px}.project-section .custom-card .custom-card-body p{font-size:14px}.project-section .custom-card .card-footer p{font-size:13px}.skill-section{margin-top:80px}.skill-section .skill-title{display:inline;display:initial}.skill-section .skill-title .text{font-size:20px}.skill-section .skill-title .line{margin:20px 210px 20px 16px!important;width:50%}.main{align-items:center;flex-direction:column}.main .box .title{font-size:14px;margin-top:0}.main .box .desc{font-size:13px}.main .patterns{max-width:300px}.main .patterns .img1{height:53px;margin-left:20px;width:53px}.main .patterns .img2{height:76px;right:-50%;width:76px}.main .patterns .img3{height:53px;right:30%;width:53px}.main .patterns .img44{height:100px;left:30px;width:100px}.main .patterns .img5{height:42px;right:-50%;width:42px}.main .main-side{flex-direction:column;margin:0 auto}.main .box{margin-top:30px}.about-me-section{margin-top:80px}.about-me-section .title{display:flex;flex-direction:column;text-align:inherit}.about-me-section .title .line{width:50%}.about-me-section .main{align-items:center;flex-direction:column}.about-me-section .main .text{position:relative}.about-me-section .main .text .half-square{display:none}.about-me-section .main .text .desc{font-size:14px;text-align:inherit;width:315px}.about-me-section .main .text .desc .part-2{margin-bottom:20px;margin-top:20px}.about-me-section .main .pattern{margin-left:200px}.about-me-section .main .pattern .img-1{height:53px;left:-380%;top:10%;width:53px}.about-me-section .main .pattern .img-2{height:76px;right:250%;top:70%;width:76px}.about-me-section .main .pattern .img-3{height:53px;position:relative;width:53px}.about-me-section .main .pattern .person2{right:-50%;top:-10%;width:300px}.intro{align-items:center;display:flex;flex-direction:column;margin-top:0}.intro>div{float:none;margin:0;padding:0;width:100%}.intro .welcome{align-items:center;display:flex;flex-direction:column;margin-left:0}.desc{font-size:13px;line-height:1.5;margin-bottom:16px;margin-top:16px}.desc,.title{text-align:center}.title{font-size:18px;line-height:1.4}.text-box{align-items:center;display:flex;flex-direction:column;left:0;margin-top:24px;width:100%}.text-box .main-box{max-width:350px;padding:16px;width:90vw}.text-box .main-box p{font-size:15px;text-align:center}.text-box .mini-box{margin-top:12px;max-width:350px;padding:10px;position:relative;right:0;text-align:center;top:0;width:90vw}.text-box .mini-box p{font-size:13px}.personImg{height:auto;justify-content:center;margin:0 auto 16px;max-width:220px;min-height:120px;width:70vw}.personImg .person{border-bottom-left-radius:50% 50%;border-bottom-right-radius:50% 50%;border-top-left-radius:50% 50%;border-top-right-radius:50% 50%;width:200px}.icon{height:80px;margin-top:16px;position:static;width:80px}.dot,.icon{align-self:center;margin-left:0}.dot{height:54px;margin-top:24px;width:54px}.welcome{align-items:center;margin-left:0}}.contact-section .ldesc{margin-bottom:0}.contact-section .desc{margin-bottom:30px;margin-top:50px}.contact-section .first{align-items:center;display:flex;justify-content:space-between}.contact-section .first .desc{width:505px}.contact-section .first .box{border:1px solid #abb2bf;border:1px solid var(--gray,#abb2bf);margin-left:-200px;padding:16px}.contact-section .first .box .desc{color:#fff;color:var(--white,#fff);display:contents;font-family:Fira Code;font-size:16px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:16px}.contact-section .first .box .d{color:#abb2bf;color:var(--gray,#abb2bf)}.contact-section .first .box .item{align-items:center;display:flex;justify-content:flex-start}.contact-section .contact-form{display:flex;flex-direction:column;justify-content:center;margin-bottom:15px;max-width:600px;padding:20px;width:100%}.contact-section .contact-form .btn-button:active{background:#c778dd33;transition:all .2s ease-in-out}.contact-section .contact-form .form-input{background-color:#282c33;background-color:var(--dark,#282c33);border:1px solid #abb2bf;border:1px solid var(--gray,#abb2bf);border-radius:0;color:#c778dd;font-family:Fira Code;outline:none;padding:10px;width:100%}.contact-section .contact-form .form-input:focus{border-color:#c678dd;border-color:var(--purple,#c678dd)}.contact-section .contact-form .form-label{color:#abb2bf;color:var(--gray,#abb2bf);display:block;font-family:Fira Code;font-size:16px;font-style:normal;font-weight:400;line-height:25px;margin-bottom:5px;margin-top:20px}input,textarea{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAYAAACKuMJNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAK7SURBVHgB7d0hblxXFIDhO5MHDLKHOlKDI9MUxFvICpplDKvNDLuEdiV2VUWmYQVuqnYHAQEG7bx6LIV7An7dSN8H5gwczfv1dNG5m8FR3u/uLrZj+9PgqyyDo+3H/vKHq5cXg6Pc7j6u2wEhwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhyp5ffd3fngybZj+91hzvq/Pb///OHs57NPY1LLMrbX61h/GzzR5jG4Z2PzYsxms331+eT524dvN2NSj/c0vL76/nzwJIeLQQ5zxnsabnd/XY/JOcOREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkVrGhG53f5zux/JuTGg7nr05zC+7fueyno7JTfqGW04fHuyPg6Psx/7XZSx/j4lN+YY7WMd//8y4KXzmLebfAmc4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UtNuMR/r9tXt7s/rMZ3N6eHz4be9GRxtyuBOTpYP9/f/vh0TWsd4d5ibsf4yONJ6OWVwZxcvPj2MmzGh97u788N8ffXyZnA0ZzhSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4Uo87fm93H9fBk+3H/nLwVf4HXyFSGbbIPJgAAAAASUVORK5CYII=);background-position:right 10px center;background-repeat:no-repeat;background-size:20px 20px;padding-right:30px;position:relative}input:invalid,textarea:invalid{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAYAAACKuMJNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAK7SURBVHgB7d0hblxXFIDhO5MHDLKHOlKDI9MUxFvICpplDKvNDLuEdiV2VUWmYQVuqnYHAQEG7bx6LIV7An7dSN8H5gwczfv1dNG5m8FR3u/uLrZj+9PgqyyDo+3H/vKHq5cXg6Pc7j6u2wEhwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhyp5ffd3fngybZj+91hzvq/Pb///OHs57NPY1LLMrbX61h/GzzR5jG4Z2PzYsxms331+eT524dvN2NSj/c0vL76/nzwJIeLQQ5zxnsabnd/XY/JOcOREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkRIcKcGREhwpwZESHCnBkVrGhG53f5zux/JuTGg7nr05zC+7fueyno7JTfqGW04fHuyPg6Psx/7XZSx/j4lN+YY7WMd//8y4KXzmLebfAmc4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UtNuMR/r9tXt7s/rMZ3N6eHz4be9GRxtyuBOTpYP9/f/vh0TWsd4d5ibsf4yONJ6OWVwZxcvPj2MmzGh97u788N8ffXyZnA0ZzhSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4UoIjJThSgiMlOFKCIyU4Uo87fm93H9fBk+3H/nLwVf4HXyFSGbbIPJgAAAAASUVORK5CYII=)}textarea{margin-bottom:50px}.contact-part{align-items:center;display:flex;justify-content:space-between}@media (max-width:768px){.first{flex-direction:column;margin:0}.first .desc{display:inline;display:initial;font-size:15px;width:400px!important}.first .box{display:flex;flex-direction:column}.title{text-align:inherit}.contact-form{padding:10px;width:100%}.contact-part{align-items:flex-start;flex-direction:column;width:100%}.contact-part .item{margin-bottom:10px}.contact-part .item:last-child{margin-bottom:0}.contact-part .item .d{margin-left:10px}.contact-part .item .d a{color:#c678dd;color:var(--purple,#c678dd);text-decoration:none}}.ldesc{color:#fff;font-family:Fira Code;font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:68px;margin-top:14px}.cards{align-items:center;display:flex;grid-template-columns:none!important;justify-content:space-between;margin-bottom:81px;margin-top:48px}.cards .custom-card{margin-left:20px}.cards .card-footer{align-items:center;display:flex;justify-content:space-between}.cards .card-footer a{text-decoration:none}.projects-section{position:relative}.dotpattern{left:-15%;position:absolute;top:25%}.square{border:1px solid #abb2bf;border:1px solid var(--gray,#abb2bf);border-right:none;right:-10%;top:12.5%}.square,.square2{flex-shrink:0;height:155px;position:absolute;width:50px}.square2{border:1px solid #abb2bf;border:1px solid var(--gray,#abb2bf);border-left:none;left:-10%;top:65%}.dotpattern2{position:absolute;right:-15%;top:70%}.dotpattern3{left:-15%;position:absolute;top:90%}@media (max-width:768px){.cards{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.cards,.custom-card{margin-top:20px}.title{margin-top:50px}.dotpattern,.dotpattern2,.dotpattern3,.square,.square2{display:none}}@font-face{fallback:fallback;font-family:revicons;src:url(/static/media/revicons.e8746a624ed098489406.woff) format("woff"),url(/static/media/revicons.57fd05d4ae650374c8de.ttf) format("ttf"),url(/static/media/revicons.a77de540a38981833f9e.eot) format("ttf")}.react-multi-carousel-list{align-items:center;display:flex;overflow:hidden;position:relative}.react-multi-carousel-track{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:row;list-style:none;margin:0;padding:0;position:relative;transform-style:preserve-3d;will-change:transform,transition}.react-multiple-carousel__arrow{background:#00000080;border:0;border-radius:35px;cursor:pointer;min-height:43px;min-width:43px;opacity:1;outline:0;position:absolute;transition:all .5s;z-index:1000}.react-multiple-carousel__arrow:hover{background:#000c}.react-multiple-carousel__arrow:before{color:#fff;display:block;font-family:revicons;font-size:20px;position:relative;text-align:center;z-index:2}.react-multiple-carousel__arrow:disabled{background:#00000080;cursor:default}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:"\e825"}.react-multi-carousel-dot-list{bottom:0;display:flex;justify-content:center;left:0;list-style:none;margin:0;padding:0;position:absolute;right:0;text-align:center}.react-multi-carousel-dot button{border:2px solid grey;border-radius:50%;box-shadow:none;cursor:pointer;display:inline-block;height:12px;margin:0 6px 0 0;opacity:1;outline:0;padding:0;transition:background .5s;width:12px}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{left:calc(4% + 1px);right:auto}.rtl.react-multiple-carousel__arrow--right:before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:"\e825"}.about-me-section{position:relative}.about-me-section .title{margin-bottom:14px;margin-top:53px}.about-me-section .first{align-items:center;display:flex;justify-content:space-around;margin-left:200px;position:relative}.about-me-section .first .mid-dot{left:-15%;position:absolute;top:25%}.about-me-section .first .text .desc{width:515px}.about-me-section .first .text .desc .part-2{margin-bottom:40px;margin-top:40px}.about-me-section .first .pattern{margin-right:15%;margin-top:-100px;position:relative}.about-me-section .first .pattern .person2{opacity:.7;position:absolute;right:-100%;top:-25%;width:500px}.about-me-section .first .pattern .img-1{height:84px;position:absolute;right:300%;top:0;width:84px}.about-me-section .first .pattern .img-2{height:56px;position:absolute;right:125%;top:48%;width:104px}.about-me-section .first .pattern .img-3{height:103px;margin-left:125%;margin-top:225%;width:103px}.about-me-section .first .pattern .pinkPat{flex-shrink:0;height:155px;position:absolute;right:-150%;top:-20%;width:155px}.about-me-section .boxes{align-items:baseline;display:flex;justify-content:space-around;margin-top:48px}.about-me-section .boxes .box{border:1px solid #abb2bf;border:1px solid var(--gray,#abb2bf);padding:8px;width:200px}.about-me-section .boxes .box .title{color:#fff;color:var(--white,#fff);display:flex;font-family:Fira Code;font-size:16px;font-style:normal;font-weight:600;line-height:normal;margin-top:0}.about-me-section .boxes .box .line{background:#abb2bf;border:none;border-top:1px solid var(--gray,#abb2bf);height:0;margin:-8px;padding:0;width:199px}.about-me-section .boxes .box .desc{color:#abb2bf;color:var(--gray,#abb2bf);font-family:Fira Code;font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:8px;margin-top:20px}.about-me-section .boxes .box .l{color:#fff}.about-me-section .funfact{align-items:center;display:flex}.about-me-section .funfact .text .boxes{grid-row-gap:1em;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr 1fr;row-gap:1em}.about-me-section .funfact .text .boxes .box{display:block;width:-webkit-fit-content;width:fit-content}.about-me-section .funfact .text .boxes .box .desc{margin:0}.about-me-section .funfact .pattern{margin-left:400px;position:relative}.about-me-section .funfact .pattern .SkillDotPat{bottom:10%;position:absolute;right:20%}.about-me-section .funfact .pattern .SkillpinkPat{height:133px;position:absolute;width:133px}@media (max-width:768px){.about-me-section{margin-top:80px}.about-me-section .title{display:inline;display:initial}.about-me-section .title .line{width:50%}.about-me-section .first{align-items:center;margin-left:0}.about-me-section .first .text{margin-top:100px;position:relative}.about-me-section .first .text .half-square{display:none}.about-me-section .first .text .desc{width:315px}.about-me-section .first .text .desc .part-2{margin-bottom:20px;margin-top:20px}.about-me-section .first .pattern{margin-left:240px;margin-top:30px}.about-me-section .first .pattern .pinkPat{height:100px;position:absolute;right:-100%;top:-10%;width:100px}.about-me-section .first .pattern .img-1{height:53px;left:-380%;top:10%;width:53px}.about-me-section .first .pattern .img-2{height:76px;right:250%;top:70%;width:76px}.about-me-section .first .pattern .img-3{height:53px;position:relative;width:53px}.about-me-section .first .pattern .mid-dot{top:70%}.about-me-section .first .pattern .person2{right:-50%;top:-10%;width:300px}.skills .title{margin-bottom:20px;margin-top:0}.skills .boxes{align-items:center;display:flex;flex-direction:column}.skills .boxes .box{margin-bottom:20px}.funfact{margin-top:40px}.funfact,.funfact .text .boxes{display:flex;flex-direction:column}.funfact .text .boxes{align-items:center}.funfact .pattern{display:none;margin-left:0}}header{background:#282c33;margin:0 auto;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2}header>nav{background:blur(8px);background:-webkit-linear-gradient(45deg,#282c33,#282c33);padding:16px!important;width:100%}.logo{align-items:center}.logo img{bottom:7px;display:flex;height:35px;position:relative}.items{align-items:center;display:flex;justify-content:space-around}li{list-style:none}.link-item{margin-right:32px}.link-item a{color:#abb2bf;font-family:Fira Code;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-decoration:none}.link-item a:hover{color:#fff;font-weight:500}.links,.logo{display:flex}.logoname{color:#fff;font-family:Fira Code;font-size:16px;font-style:normal;font-weight:700;line-height:normal;margin-left:8px}.overlay{background-color:#282c33e6;height:100%;left:0;margin:0;overflow-x:hidden;position:fixed;top:0;transition:.5s;width:0;z-index:3}.overlay-content{margin-top:30px;position:relative;text-align:center;top:25%;width:100%}.overlay a{color:#818181;display:block;font-size:36px;padding:8px;text-decoration:none;transition:.3s}.overlay a:focus,.overlay a:hover{color:#f1f1f1}.overlay .closebtn{font-size:60px;position:absolute;right:45px;top:20px}@media screen and (max-height:450px){.overlay a{font-size:20px}.overlay .closebtn{font-size:40px;right:35px;top:15px}}.toggle{display:none}@media (max-width:952px){.nav-items{align-items:center;display:flex;justify-content:space-between}.toggle{display:inline;display:initial}.links{display:none}}.active>.nav-title{color:#fff}*{box-sizing:border-box;margin:0;padding:0;transition:all .3s ease-in-out}::selection{background:#c778dd;color:#fff}*{scrollbar-color:#c778dd #282c33;scrollbar-width:auto}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:#282c33}::-webkit-scrollbar-thumb{background-color:#c778dd;border:0 solid #0000;border-radius:0}body{background:#282c33;cursor:none;overflow-x:hidden}.clearfix{clear:both}.btn-button{background:#282c33;border:1px solid #c778dd;color:#fff;color:var(--white,#fff);font-family:Fira Code;font-size:16px;font-style:normal;font-weight:500;line-height:normal;padding:8px 16px}.btn-button:active{background:#c778dd33;transition:all .2s ease-in-out}.panjara{color:#c778dd}.cards{grid-column-gap:10px;grid-row-gap:1em;column-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:1em}.container{margin:0 auto;max-width:1320px;overflow-x:clip}@media (max-width:1224px){.container{max-width:100%;padding:0 20px}}@media (max-width:768px){body,html{height:100vh;margin:0;padding:0;width:100vw}}footer .footer-line{background:#abb2bf;height:1px;margin-top:145px;width:100%}footer .main{align-items:center;display:flex;justify-content:space-between}footer .main .text{margin-top:32px}footer .main .text .desc{margin-bottom:16px;margin-top:0}footer .main .text .ldesc{color:#fff;color:var(--white,#fff);font-family:Fira Code;font-size:16px;font-style:normal;font-weight:400;line-height:normal}footer .main .media .title{font-size:24px;margin-bottom:16px;margin-top:0}footer .copyright{align-items:center;color:#abb2bf;color:var(--gray,#abb2bf);display:flex;font-family:Fira Code;font-size:16px;font-style:normal;font-weight:400;justify-content:center;line-height:normal;margin:48px auto 32px;width:50%}@media (max-width:768px){.main{align-items:flex-start;display:flex;flex-direction:column;gap:24px}.text{margin-top:24px;width:100%}.text .ldesc{font-size:14px}.text .desc{text-align:inherit}.media{display:flex;gap:12px;justify-content:space-between;margin:0;width:100%}.media .title{font-size:20px;margin-bottom:8px}.footer-line{margin-top:64px}.copyright{font-size:14px;margin-bottom:16px;margin-top:32px;padding:0 8px;width:100%}}
/*# sourceMappingURL=main.b41dfb77.css.map*/