@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@500&family=La+Belle+Aurore&family=Montserrat&family=Poppins:wght@400;500&family=Qwitcher+Grypen:wght@700&family=Rubik:wght@400;500;700&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}*{box-sizing:border-box;font-family:Montserrat,sans-serif;margin:0;padding:0}.section-lg{padding-bottom:6rem;padding-top:6rem}body{color:#525f7f;overflow-x:hidden}.App{align-items:center;display:flex;height:100vh;justify-content:center}a{color:#000;color:var(--black);text-decoration:none}li{text-align:center}:root{--white:#fff;--blue:#32325d;--black:#000;--body:#525f7f;--green:#2dce89;--navy-blue:#11cdef;--box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;--bg-col:linear-gradient(35deg,#11cdef,#1171ef)!important}html{font-size:95.5%}@media (max-width:1020px){.container,.header-container,.nav-header{padding:0 3rem}.footer-details .details,.skills-wrapper{flex-direction:column}.experience-detail .header,.project-detail .header{justify-content:center}html{font-size:90.5%}}@media (max-width:500px){.education-container,.header-container,.nav-header{padding:0 1rem}.header{justify-content:center}}.container{align-items:center;display:flex;gap:3rem;justify-content:center;margin:0 auto;max-width:1000px;width:100vw}.h1{color:var(--blue);font-size:2.5rem}.h1,.lead{text-align:center}.lead{font-size:1.25rem;margin-top:1.5rem}.h3{color:var(--blue);font-family:inherit;font-size:1.75rem;font-weight:400;line-height:1.5;text-align:center}.skills-wrapper{align-items:center;display:flex;gap:3rem}.skills-wrapper img{height:70%;max-width:500px;-webkit-user-select:none;user-select:none;width:70%}.skills-wrapper .skills{text-align:center}.skills-wrapper .skills .font-skills{color:var(--blue);cursor:pointer;height:50px;margin:10px;width:100px}.skills-wrapper .skills .font-skills:hover{-webkit-animation:move-up .2s ease forwards;animation:move-up .2s ease forwards}p{margin-top:1.8rem;text-align:center}@media (max-width:880px){.container{flex-direction:column}}@media (max-width:500px){.skills-wrapper img{width:100%}}.contact-details{margin:0 auto;max-width:600px;padding:8rem 0;position:relative;width:100%}.fill-details{background:linear-gradient(35deg,#f4f5f7,#f4f4f7)!important;border:.0625rem solid rgba(0,0,0,.05);border-radius:.25rem;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)!important;margin:2rem;padding:3rem}.fill-details h1{font-family:inherit;font-weight:400;line-height:1.5}.fill-details p{font-size:1.2rem;font-weight:300;line-height:1.7;margin:10px 0;text-align:start}input{border:0;border-radius:.25rem;color:#8898aa;padding:.625rem 2.35rem}input,textarea{background-clip:padding-box;background-color:#fff;box-shadow:none;font-family:inherit;font-weight:400;line-height:1.5;margin:5px 0;outline:none;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);width:100%}textarea{border:1px solid #cad1d7;border-radius:.25rem;overflow:auto;padding:.625rem .75rem;resize:vertical}.input{position:relative}.input svg{color:#8898aa;left:6px;position:absolute;top:14px;width:20px;z-index:1}.input{display:flex}.submit-btn{background-color:#172b4d;border-color:#172b4d;border-radius:.3rem;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);color:#fff;cursor:pointer;font-size:.875rem;letter-spacing:.025em;line-height:1.5;margin-top:9px;padding:.875rem 1rem;text-transform:uppercase;width:100%;will-change:transform}.submit-btn:hover{background:#212529}.pop-up{text-align:center}.pop-up h6{background:var(--green);border-radius:3px;color:var(--white);display:inline-block;font-size:1rem;padding:4px;position:absolute;top:110px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:100}.experience-detail{margin:0 auto;max-width:1000px;padding:5rem 3rem;width:100%}.experience-wrap{display:flex;flex-wrap:wrap;gap:3rem;margin-top:60px}.experience-wrap .wrapper{align-items:center;background-color:var(--white);box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:.5rem;padding:2rem;text-align:center;width:calc(50% - 1.5rem)}.experience-wrap .wrapper h1,h2,h3{color:var(--blue);font-family:inherit;font-weight:400;line-height:1.5}.experience-wrap .wrapper p{text-align:start}.experience-wrap .wrapper .logo{align-items:center;background-color:var(--white);border-radius:60px;box-shadow:var(--box-shadow);display:flex;height:60px;justify-content:center;margin-bottom:10px;padding:50px;width:100px}.experience-wrap .wrapper .logo img{height:50px}@media screen and (max-width:1020px){.experience-wrap{flex-wrap:wrap}.experience-wrap .wrapper{width:100%}}.footer-details{background:var(--bg-col);padding:3rem;width:100%}.footer-details .details{align-items:center;display:flex;gap:3rem;justify-content:center;margin:0 auto;max-width:1000px}.footer-right{align-items:start;display:flex;flex-basis:60%;flex-direction:column}.footer-right,.footer-right h2{color:var(--white)}.footer-right p{text-align:start}.footer-btn button{background-color:var(--white);border:1px solid transparent;border-radius:.25rem;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);color:#212529;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.7rem;letter-spacing:.025em;line-height:1.5;margin-top:2rem;padding:.525rem 1.25rem;text-align:center;transition:all .15s ease;-webkit-user-select:none;user-select:none;vertical-align:middle;will-change:transform}.footer-btn svg{width:20px}.footer-left{flex-basis:30%}.footer-left img{border-radius:50%;width:140px}main{overflow:hidden}.position-relative{position:relative!important}.section-shaped{overflow:hidden;position:relative}.header-container{align-items:center;display:flex;gap:2rem;height:106vh;justify-content:center;margin:0 auto;max-width:1000px;width:100vw}.section-shaped .shape{height:100%;position:absolute;top:0;width:100%;z-index:-1}.bg-gradient-info{background:var(--bg-col)}.section-shaped .shape-style-1 :first-child{background:hsla(0,0%,100%,.1);bottom:auto;left:-4%}.section-shaped .shape-style-1 :nth-child(2){background:hsla(0,0%,100%,.1);right:4%;top:10%}.section-shaped .shape-style-1 :nth-child(3){background:hsla(0,0%,100%,.3);right:5.66666%;top:280px}.section-shaped .shape-style-1 :nth-child(4){background:hsla(0,0%,100%,.15);right:7%;top:320px}.section-shaped .shape-style-1 :nth-child(5){background:hsla(0,0%,100%,.05);left:1%;right:auto;top:38%}.section-shaped .shape-style-1 :nth-child(6){background:hsla(0,0%,100%,.15);height:200px;left:10%;right:auto;top:44%;width:200px}.section-shaped .shape-style-1 :nth-child(7){background:hsla(0,0%,100%,.04);bottom:50%;right:36%}.section-shaped .shape-style-1 :nth-child(8){background:hsla(0,0%,100%,.2);bottom:70px;right:2%}.section-shaped .shape-style-1 :nth-child(9){background:hsla(0,0%,100%,.1);bottom:1%;right:2%}.section-shaped .shape-style-1 :first-child,.section-shaped .shape-style-1 :nth-child(2),.section-shaped .shape-style-1 :nth-child(3),.section-shaped .shape-style-1 :nth-child(4),.section-shaped .shape-style-1 :nth-child(5),.section-shaped .shape-style-1 :nth-child(6),.section-shaped .shape-style-1 :nth-child(7),.section-shaped .shape-style-1 :nth-child(8),.section-shaped .shape-style-1 :nth-child(9){-webkit-animation-duration:13s;animation-duration:13s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:move-shape;animation-name:move-shape;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes move-shape{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(50px,50px);transform:translate(50px,50px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes move-shape{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(50px,50px);transform:translate(50px,50px)}to{-webkit-transform:translate(0);transform:translate(0)}}@media (max-width:991.98px){.section-shaped .shape-style-1 span{height:120px}}.container-h{color:var(--white);font-size:2.1rem}.container-p{color:var(--white);font-size:1.3rem;text-align:start}.social-links{display:flex;gap:1rem;margin-top:2rem}.social-links .social-link{align-items:center;border-radius:50%!important;color:var(--white);cursor:pointer;display:flex;height:2.375rem;justify-content:center;padding:0;width:2.375rem}.social-links .social-link:nth-child(3){box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.social-link-animation:hover{-webkit-animation:move-up .2s ease forwards;animation:move-up .2s ease forwards}@-webkit-keyframes move-up{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}@keyframes move-up{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}.btn{align-items:center;background-color:var(--white);border:1px solid transparent;border-radius:.25rem;box-shadow:var(--box-shadow);cursor:pointer;display:flex;font-size:.775rem;font-weight:600;gap:.3rem;letter-spacing:.025em;line-height:1.5;margin-top:2rem;padding:.425rem 1.15rem;text-align:center;transition:all .15s ease;-webkit-user-select:none;user-select:none;vertical-align:middle;width:11rem;will-change:transform}.btn,.btn:hover{color:#212529}.btn span svg{height:20px;width:20px}.section-shaped .shape-style-1 span{border-radius:50%;height:120px;width:120px}.section-shaped .shape span{position:absolute}.right-side img{width:100%}@media (max-width:820px){html{font-size:80.5%}.header-container{flex-direction:column}.right-side img{height:35vh}}@media (max-width:500px){.container-h{font-size:1.6rem}.container-p{font-size:1.2rem}}header{position:absolute;top:-10px;width:100%;z-index:100}.logo h2{color:var(--white);font-family:Qwitcher Grypen,cursive;font-size:3rem;text-transform:capitalize}.nav-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1000px;padding-top:15px;position:relative}.nav-header .links{display:flex;gap:20px}.nav-header .links .link{color:var(--white);cursor:pointer;transition:.2s ease-in-out}.link:hover{color:#adb5bd}.hamburger{color:var(--white);cursor:pointer;display:none;height:30px;position:absolute;right:15px;top:30px;width:30px}@media (max-width:500px){.mobile{align-items:start;background:var(--white);border-radius:.25rem;box-shadow:0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1);color:var(--black);display:flex;flex-direction:column;justify-content:start;left:10px;margin:10px;padding:.5rem 1rem 1rem;position:absolute;right:10px;top:10px;transition:all .3s ease-in}.mobile .logo h2{color:var(--black);padding-top:5px}.mobile .links{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.mobile .links .link-name{cursor:pointer}.mobile .links .link-name .link{margin-right:1rem}.hamburger .close{color:var(--black)}.nav-header .links{display:none}.hamburger{display:block}}.dark_mode{margin-left:10px;margin-top:-20px}.dark_mode_label{background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px rgba(0,0,0,.4),inset 0 -5px 15px hsla(0,0%,100%,.4);cursor:pointer;display:block;height:30px;position:relative;transition:.3s;width:65px}.dark_mode_label:after{background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px rgba(0,0,0,.2);content:"";height:25px;left:3px;position:absolute;top:3px;transition:.3s;width:25px}.dark_mode_input{height:0;visibility:hidden;width:0}.dark_mode_input:checked+.dark_mode_label{background:#242424}.dark_mode_input:checked+.dark_mode_label:after{background:linear-gradient(180deg,#777,#3a3a3a);left:62px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.dark_mode_label:active:after{width:30px}.dark_mode_label svg{position:absolute;top:5px;width:20px;z-index:100}.dark_mode_label svg.sun{fill:#fff;left:5px;transition:.3s}.dark_mode_label svg.moon{fill:#7e7e7e;left:40px;transition:.3s}.dark_mode_input:checked+.dark_mode_label svg.sun{fill:#7e7e7e}.dark_mode_input:checked+.dark_mode_label svg.moon{fill:#fff}.skills-wrap{display:flex;flex-direction:column;justify-content:center;max-width:450px;width:100%}.ph1{color:var(--blue);font-family:inherit;font-size:1.75rem;font-weight:400;line-height:1.5;text-align:start}.skill-box{margin:25px 0;width:100%}.skill-box .title{color:var(--blue);display:block;font-size:14px;font-weight:600}.skill-box .skill-bar{background:rgba(0,0,0,.1);border-radius:6px;height:8px;margin-top:6px;width:100%}.skill-bar .skill-per{background:var(--body);border-radius:6px;display:block;height:100%;position:relative;transition:width 1s ease-in-out}.skill-per .tooltip{color:var(--white);font-size:9px;font-weight:500;padding:2px 6px;right:-14px;top:-28px;z-index:1}.skill-per .tooltip,.tooltip:before{background-color:var(--body);position:absolute}.tooltip:before{bottom:-2px;content:"";height:10px;left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);width:10px;z-index:-1}.image img{width:100%}.project-detail{margin:0 auto;max-width:1000px;padding:5rem 3rem;width:100%}.project-detail .header{align-items:center;color:var(--white);display:flex;font-size:1.2rem;gap:20px}.header h1{color:var(--navy-blue);font-size:2.5rem}.header svg{box-shadow:var(--box-shadow);color:var(--navy-blue);height:50px;padding:9px;width:50px}.project-wrap{display:flex;flex-wrap:wrap;gap:3rem;margin-top:60px}.project-wrap .wrap h1{color:#000;padding:0 0 1rem}.project-wrap .wrap{align-items:center;background-color:var(--white);box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:.5rem;padding:2rem;text-align:center;width:calc(50% - 1.5rem)}.project-wrap .wrap img{cursor:pointer;height:200px;-webkit-user-select:none;user-select:none}.btns{display:flex;margin-top:15px}.btns .github{background-color:#222;border:1px solid transparent;border-radius:.25rem;color:#fff;cursor:pointer;font-weight:600;line-height:1.5;padding:.63rem 1.25rem;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle}.btns .demo{align-items:center;background-color:var(--navy-blue);box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);color:#fff;display:flex;justify-content:center;margin-left:8px}.demo-btn{background-color:#222;border:1px solid transparent;border-radius:.25rem;color:#fff;cursor:pointer;font-weight:600;line-height:1.5;padding:.625rem 1.25rem;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle}@media screen and (max-width:1020px){.project-wrap .wrap{width:100%}.project-wrap{flex-wrap:wrap}.project-wrap .wrap img{height:auto;width:100%}}.education-wrap{background:var(--bg-col);height:50vh;margin-bottom:6rem;width:100%}.education-container{height:50vh;margin:0 auto;max-width:1000px;padding:3rem}.header{align-items:center;display:flex;font-size:1.2rem;gap:20px}.header,.header .h1{color:var(--white)}.header svg{border-radius:50%;color:var(--blue);height:4.5rem;padding:15px;width:4.5rem}.education-box,.header svg{background-color:var(--white)}.education-box{align-items:center;border-radius:5px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:2rem;height:35vh;margin-top:30px;max-width:500px;padding:2rem;width:100%}.education-box .p{font-size:1.089rem;margin:0;padding:2px 0}.education-box .spans{font-size:1rem;padding:4px 0}.education-box .spans span{margin-right:7px}.education-box .spans span:first-child{background-color:var(--navy-blue);border-radius:3px;color:var(--white);padding:1px 2px}.education-box .spans span:nth-child(2){background-color:var(--body);border-radius:3px;color:var(--white);padding:1px 2px}@media (max-width:1020px){.education-box{max-width:1020px}.header{justify-content:center}}@media (max-width:500px){.education-box .spans span{display:block;margin-top:5px;text-align:center}}
/*# sourceMappingURL=main.6df973bc.css.map*/