@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat&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}:root{--bgOrange:#e84949;--bgBody:#fff;--bgPrimary:#fff;--bgSecondary:#f1f1f1;--textPrimary:#000;--textSecondary:#343d68;--fadedText:#e7e7e7;--cardShadow:#1f1f1f;--textDescription:#000;--btnShadow:#0000003f;--projectShadow:#1f1f1f;--fadeFooter:#535c87;--contactText:#343d68}.dark-mode{--bgPrimary:#0d1117;--bgSecondary:#161b22;--bgBody:#1a1b1d;--textPrimary:#e6edf3;--textSecondary:#1a1b1d;--fadedText:#30363d;--cardShadow:#000;--textDescription:#fff;--btnShadow:#ffffff3f;--projectShadow:#f1f1f1;--fadeFooter:#30363d;--contactText:#fff}body{background-color:#fff;background-color:var(--bgBody);overflow-x:hidden}*{font-family:Be Vietnam Pro,sans-serif;margin:0;padding:0;scroll-behavior:smooth}.ball,.border,.button,.checkbox-label{box-sizing:border-box}.toggle-dark{opacity:0;position:absolute}.checkbox-label{align-items:center;background-color:#000;background-color:var(--textDescription);border-radius:50px;cursor:pointer;display:flex;height:26px;justify-content:space-between;padding:5px;position:relative;width:50px}.fa-moon{color:#f1c40f}.fa-sun{color:#f39c12}.checkbox-label .ball{background-color:#fff;background-color:var(--bgBody);border-radius:50%;height:22px;left:2px;position:absolute;top:2px;transition:transform .2s linear;width:22px}.toggle-dark:checked+.checkbox-label .ball{transform:translateX(24px)}.github-corner{fill:#1a1b1d;color:#fff}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}.dark-mode .github-corner{fill:#fff;color:#1a1b1d}body,body *{transition:background-color 0s,color 0s}a{text-decoration:none}.container{margin:0 auto;max-width:1200px}.navbar{justify-content:space-between;padding-top:1rem}.logo-group,.navbar{align-items:center;display:flex}.logo-group{justify-content:baseline}.nav-logo{transition:opacity ease-in-out;width:60px;z-index:1}.nav-logo-text{color:#000;color:var(--textDescription);font-size:28px;margin-left:-1rem;z-index:1}.nav-items{display:flex;gap:2rem;padding:0 4em}.nav-items div{cursor:pointer;font-size:20px;font-weight:500;transition:all .5s}.nav-items div a{color:#000;color:var(--textPrimary)}.nav-items div:hover{color:#e84949;color:var(--bgOrange);font-weight:700;transition:all .8s}@media (max-width:1500px){.nav-items{padding:0 8em}}@media (max-width:361){*{scale:.8}}@media (max-width:1000px){.nav-items{display:none}.logo-group{margin-left:100px}}.hero-section{align-items:center;display:flex;gap:5rem;justify-content:center;margin:4rem auto;padding:0 1rem 8rem;position:relative}.faded-text{bottom:-16%;color:#e7e7e7;color:var(--fadedText);font-size:7em;font-weight:700;left:-5%;transition:all 0s,color 0s;-webkit-user-select:none;user-select:none;z-index:0}.hero-section-left{display:flex;flex-direction:column;gap:2rem;justify-content:center;transition:transform .2s linear;width:100%}.hero-section-heading{color:#000;color:var(--textDescription);font-size:35px;font-weight:500}.herosection-sub-heading{font-size:45px;line-height:45px}.name,.role{color:#4e45d5;font-weight:800}.hero-section-description{color:#000;color:var(--textDescription);font-weight:500;margin-top:1rem;width:70%}.btn-pink{background-color:#e84949;background-color:var(--bgOrange);border:3px solid #0000;box-shadow:5px 5px 7px 0 #0000003f;box-shadow:5px 5px 7px 0 var(--btnShadow);color:#fff;cursor:pointer;font-size:18px;font-weight:500;padding:.8rem 2.3rem;position:relative;transition:all .5s;width:-webkit-fit-content;width:fit-content;z-index:1}.btn-pink:before{background-color:#fff;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:all .8s;z-index:-1}.btn-pink:hover:before{transform:scaleX(1)}.btn-pink:hover{border:3px solid #e84949;border:3px solid var(--bgOrange);color:#000}#btn-bottom{display:none}.hero-section-right{position:relative}.absolute{position:absolute}.user-image{padding:2.5rem}.user-image img{object-fit:fill;scale:1.2;width:470px;z-index:-9}@keyframes dotsAnimation{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes cubeRotate{0%{transform:rotateY(0deg) translateY(0)}50%{transform:rotateY(180deg) translateY(-12px)}to{transform:rotateY(1turn) translateY(0)}}@keyframes shakeEffect{50%{bottom:10%;left:5%}}@keyframes zigzakAnimation{50%{left:5%;top:2%}}@keyframes shakeEffectPlus{50%{left:48%;top:3%}}@media (max-width:1300px){.hero-section{align-items:center;flex-direction:column;justify-content:center;padding-bottom:3rem;padding-top:-1rem;text-align:center}.hero-section-description{margin:auto;text-align:center}.faded-text{display:none}#btn-top{justify-self:center}#btn-bottom{display:block;margin-top:-7rem}.hero-section-right{margin-top:-6em;scale:.7}.logo-group{margin-left:100px}}.projects{background-color:#e7e7e7;background-color:var(--fadedText);margin-top:4rem}.project-container{margin:0 auto;max-width:1200px;padding:3rem 0}.page-header{color:#e84949;color:var(--bgOrange);font-size:90px;padding-top:30px;text-align:center}.project-container{display:flex;flex-direction:column;gap:120px}.project-card{background-image:url(/Portfolio/static/media/Project01.cd9bb9f0d46957c50d14.png);background-repeat:no-repeat;background-size:cover;box-shadow:0 0 40px #1f1f1f;box-shadow:0 0 40px var(--projectShadow);height:550px;position:relative;width:90%}.project-card:after{background:#1f1f1f;background:var(--cardShadow);position:relative;transform:scaleX(1);z-index:0}.project-card:after,.project-card:before{bottom:0;color:#fff;color:var(--bgPrimary);content:"";left:0;right:0;top:0}.project-card:before{background:linear-gradient(45deg,#343d68,#343d68be,#343d687c);position:absolute;transform:scaleX(0);transform-origin:left;transition:all .4s;z-index:1}.project-card:hover:before{transform:scaleX(1)}.project-content{bottom:20%;color:#fff;display:flex;flex-direction:column;gap:1rem;padding:2em;position:absolute;transition:all .4s;z-index:5}.project-content-left{left:10%}.project-content-right{padding-left:120px;right:20%}.project-card:hover .project-content{scale:1.1}.project-heading{font-size:50px;font-weight:700;line-height:3rem}.project-sub-heading{font-size:16px;font-style:italic;width:70%}.btn-project{border:none;font-weight:500}.btn-project:hover{border:none}.btn-group{align-items:center;display:flex;gap:.9rem}.icon{color:#1f1f1f;color:var(--projectShadow);cursor:pointer;font-size:35px;transition:all .4s}.icon:hover{color:#e84949;color:var(--bgOrange)}.project-number{color:#fff;display:none;font-size:200px;font-weight:600;position:absolute;transition-delay:1s;transition:transform 2s;z-index:10}.project-number-left{right:-40px;top:-45px}.project-number-right{left:-40px;top:-45px}.project-card:hover .project-number{color:#fff;display:block}.project-skill-container{border-radius:5px;display:flex;flex-wrap:wrap;gap:10px;max-width:60%;transition:all .2s;width:-webkit-fit-content;width:fit-content}.project-skill{width:40px}#project1{background-image:url(/Portfolio/static/media/Project01.cd9bb9f0d46957c50d14.png)}#project2{background-image:url(/Portfolio/static/media/Project02.74e69cc5c058617b39e5.png);margin-left:120px}#project3{background-image:url(/Portfolio/static/media/Project03.ee7e215270f1c99d3abe.png)}#project4{background-image:url(/Portfolio/static/media/Project04.ba0ae068efe167091c12.png);margin-left:120px}@media (max-width:1300px){.button{align-self:center}.page-header{color:#e84949;color:var(--bgOrange);font-size:40px;padding-top:30px;text-align:center}.project-container{gap:60px;margin:10px;padding:5px}.project-card{background-position:50%;background-size:cover;height:300px;width:100%}.project-content{bottom:0;left:0;right:0;scale:.5;top:0}.project-content-left{left:0}.project-content-right{padding-left:0;right:0}.project-heading{font-size:40px;width:100%}.project-sub-heading{width:100%}#project2,#project4{margin-left:0}.project-skill-container{width:100%}.project-skill{width:35px}.project-card:hover .project-number{display:none}.project-card:hover .project-content{scale:.55}}.skills-container{box-sizing:initial;display:flex;gap:30px;margin:10rem auto;padding:5rem;position:relative}.skill-container-left{display:flex;flex-direction:column;width:50%}.skill-fade-text{bottom:-34.5%;color:#e7e7e7;color:var(--fadedText);font-size:15em;font-weight:700;overflow-y:hidden;right:-15%;-webkit-user-select:none;user-select:none}.skill-container-right{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;position:relative;width:50%}.blob-style{animation:blobAnimate 3s linear infinite;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-5}@keyframes blobAnimate{50%{left:46%;top:54%}}.skills-logo{transition:all .5s;width:90px}.skills-logo:hover{scale:1.2}.skill-heading{color:#e84949;color:var(--bgOrange);font-size:50px;font:700;line-height:50px;position:relative;z-index:-9}.caps{font-size:80px}.skill-subHeading{color:#000;color:var(--textPrimary);margin-top:1rem;text-align:justify;width:85%}.skill-subHeading p{margin:15px 0}@media (max-width:1300px){.skills-container{flex-direction:column;margin:0;padding:2em}.skill-heading{font-size:40px;font:700}.caps{font-size:60px}.skill-container-left,.skill-container-right{width:100%}.skills-logo{width:50px}.skill-fade-text{display:none}.skill-subHeading{width:100%}.skill-heading:after{bottom:9%}}.contactus-container{background-color:#e7e7e7;background-color:var(--fadedText);width:100%}.contactus-heading{color:#e84949;color:var(--bgOrange);font-size:5em;padding-top:2rem}.contactus-sub-heading{color:#343d68;color:var(--contactText);font-size:3rem;text-transform:capitalize}.contactus-form-container{align-items:center;display:flex;justify-content:center;margin-top:25px}.form{display:flex;flex-direction:column;gap:30px;margin:2rem 5rem;width:70%}.formfield-container{width:100%}.formfield{background:#fff;background:var(--bgPrimary);border:none;border-radius:5px;box-shadow:2px 2px 10px #1f1f1f;font-size:18px;font-weight:500;height:42px;padding:0 2rem;width:100%}.formfield:focus{border:none}.formfield-textarea{height:auto;padding-top:1rem}#submit-btn{border:none;font-size:1.4rem;margin:1rem 0}#submit-btn:hover{scale:.9}.submit-icon{font-size:1.5rem;padding:0 1rem}@media (max-width:1300px){.contactus-heading{font-size:40px;padding:15px 10px;text-align:center}.contactus-sub-heading{font-size:20px;padding:0 10px;text-align:center}.form{align-items:center;margin:0;width:100%}.formfield-container{align-items:center;display:flex;width:90%}.formfield{width:90%}}footer{background:#343d68;background:var(--textSecondary);margin-top:-1px;padding:5rem;position:relative}.footer-wrapper{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1.2rem}.footer-faded-text{bottom:0;color:#535c87;color:var(--fadeFooter);font-size:5em;left:0;position:absolute;-webkit-user-select:none;user-select:none}.link-wrapper{display:flex;gap:1.2rem}.link-wrapper div a{color:#fff;text-decoration:none;transition:all .6s}.link-wrapper div a:hover{color:#e84949;color:var(--bgOrange);text-decoration:none}.icon-wrapper{display:flex;gap:1rem}@media (max-width:1300px){footer{padding:.5rem}.footer-wrapper{flex-direction:column;gap:1.5rem}.footer-faded-text{display:none}}.more-projects-container{align-items:center;display:flex;justify-content:center;text-align:center}.effects{display:inline-block;position:relative;text-decoration:none}.effects:after{background-color:#e84949;background-color:var(--bgOrange);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.effects:hover:after{width:100%}.effects h2,h3{color:#e84949;color:var(--bgOrange);margin:0;padding-bottom:5px}
/*# sourceMappingURL=main.213a17f3.css.map*/