:root{--TEXT-COLOR--:"#303841";--GREEN--:"#59B256"}html{scroll-behavior:smooth;scroll-padding-top:70px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eeee;font-family:Poppins,sans-serif;margin:0}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:transparent;border-left:4px solid transparent;border-radius:1px;border-right:4px solid transparent;box-shadow:inset 0 0 5px #303841}body::-webkit-scrollbar-thumb{background-color:#68b865;border-radius:30px}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{color:#303841}img{width:100%}@media only screen and (max-width:650px){#About,#Contact,#Footer,#Home,#Projects,#Skills,.Navbar{padding:0 2em!important}}.Section-Heading__title{font-size:2.5rem;position:relative;text-transform:uppercase}.Section-Heading__title:after{background-color:#59b256;content:"";height:4px;left:50%;position:absolute;top:calc(100% + 1rem);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:25%}@media only screen and (max-width:650px){.Section-Heading__title{font-size:2.3rem}}#About{align-items:center;background-color:#fff;display:flex;flex-direction:column;padding:2em 5rem 0}.About__section{display:flex;justify-content:center}.About__paragraph{text-align:center;width:70ch}.About__paragraph:first-letter{color:#303841;font-family:Georgia,serif;font-size:1.5rem;font-weight:100}@media only screen and (max-width:750px){.About__paragraph{width:auto}}@media only screen and (max-width:650px){#About h2{font-size:1.3rem;text-align:center}.About__paragraph{font-size:.8rem}.About__paragraph:first-letter{font-size:1.1rem}}#Contact{padding:2em 5rem 0;position:relative}.Contact__container{align-items:center;display:flex;flex-direction:column;margin-top:3em}.Contact__container h2{font-size:1.3rem;margin-bottom:3em;text-align:center;width:50ch}.Contact__form{background-color:hsla(0,0%,90%,.933);border-radius:4px;box-shadow:2px 2px 10px rgba(0,0,0,.1);box-sizing:border-box;color:#303841;margin-bottom:4em;padding:1.5em 2em;width:80%}.input-fields{margin:1.5em 0}.Contact__form label{color:#3a4750;display:block;font-size:.9rem;font-weight:600;margin-bottom:.4em}.input-fields input,.input-fields textarea{border:none;border-radius:4px;box-sizing:border-box;color:#303841;font-size:1rem;padding:.8em .3em;width:100%}.input-fields input:focus-visible,.input-fields textarea:focus-visible{outline:2px solid hsla(0,0%,85%,.933)}.input-fields>label{text-transform:capitalize}.submitBtn{align-items:center;background-color:#59b256;border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;float:right;font-weight:600;gap:.2em;height:50px;justify-content:center;text-transform:uppercase;transition:all .2s ease-in;width:100px}.submitBtn:disabled{background-color:#3a7a38;cursor:not-allowed}.submitBtn:hover{background-color:#4b9d48}@media only screen and (max-width:750px){.Contact__container h2{width:auto}}@media only screen and (max-width:650px){.Contact__form{padding:1em 1.5em;width:100%}}.MessageSuccess{-webkit-animation:fade-from-right .25s linear forwards;animation:fade-from-right .25s linear forwards;background-color:#5ab257;border-radius:8px;bottom:20px;color:#fff;padding:.6em .8em;position:absolute;right:20px;width:250px;z-index:99}.MessageSuccess__title span{font-size:1.2rem;font-weight:600}.MessageSuccess__close-btn{background-color:#fff;border:none;border-radius:8px;color:#303841;cursor:pointer;font-weight:600;padding:.6em 0;width:100%}@-webkit-keyframes fade-from-right{0%{-webkit-transform:translateX(50%);transform:translateX(50%)}25%{-webkit-transform:translateX(35%);transform:translateX(35%)}50%{-webkit-transform:translateX(25%);transform:translateX(25%)}75%{-webkit-transform:translateX(15%);transform:translateX(15%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fade-from-right{0%{-webkit-transform:translateX(50%);transform:translateX(50%)}25%{-webkit-transform:translateX(35%);transform:translateX(35%)}50%{-webkit-transform:translateX(25%);transform:translateX(25%)}75%{-webkit-transform:translateX(15%);transform:translateX(15%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.Social-Media{align-items:center;display:flex;gap:.4em;justify-content:flex-start;margin-top:1.3em}.Social-Media a>svg{fill:#303841;font-size:2.2rem;transition:all .25s ease-in}.Social-Media a>svg:hover{fill:#59b256}@media only screen and (max-width:650px){.Social-Media a>svg:hover{fill:#303841}}#Footer{align-items:center;display:flex;flex-direction:column;padding:2em 5rem 0;position:relative}.upArrow{background-color:#59b256;border-radius:4px;left:50%;padding:.5em;position:absolute;top:-30%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.upArrow svg{fill:#eee;-webkit-animation:movingUp .9s infinite;animation:movingUp .9s infinite;font-size:2.2rem}@-webkit-keyframes movingUp{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}15%,75%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}30%,60%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}45%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@keyframes movingUp{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}15%,75%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}30%,60%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}45%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}#Footer p{font-size:.8rem}@media only screen and (max-width:650px){#Footer{padding:1em 2em!important}}.Button{align-items:center;background-color:#59b256;border-radius:8px;box-sizing:border-box;color:#eeee;display:flex;font-weight:600;gap:.2em;justify-content:center;padding:.5em 1em;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Button,.Button svg{transition:all .2s ease-in}.downArrow svg,.rightArrow svg{margin-top:.1em;transition:all .2s ease-in}.rightArrow svg{margin-left:.1em;margin-top:.2em}.Button:hover .downArrow>svg{-webkit-transform:translateY(4px);transform:translateY(4px)}.Button:hover .rightArrow>svg{-webkit-transform:translateX(4px);transform:translateX(4px)}.Button:hover{background-color:#50a84d}#Home{align-content:center;background-color:#eeee;display:flex;height:90vh;max-width:100%;padding:0 5rem}.Home__left-side{align-self:center;flex:1 1}.Home__left-side h1{font-size:1.8rem}.Home__right-side{align-items:center;display:flex;flex:1 1}.Home__right-side__image{width:90%}.Typewriter{display:inline-block}@media only screen and (max-width:650px){#Home{padding:0 2rem}.Home__right-side{display:none}.Home__left-side__content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}}.waves{height:15vh;margin-bottom:-7px;max-height:150px;min-height:100px;width:100%}.content,.waves{position:relative}.content{background-color:#fff;height:20vh;text-align:center}.parallax>use{-webkit-animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:first-child{-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:7s;animation-duration:7s}.parallax>use:nth-child(2){-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-animation-duration:10s;animation-duration:10s}.parallax>use:nth-child(3){-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:13s;animation-duration:13s}.parallax>use:nth-child(4){-webkit-animation-delay:-5s;animation-delay:-5s;-webkit-animation-duration:20s;animation-duration:20s}@-webkit-keyframes move-forever{0%{-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}to{-webkit-transform:translate3d(85px,0,0);transform:translate3d(85px,0,0)}}@keyframes move-forever{0%{-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}to{-webkit-transform:translate3d(85px,0,0);transform:translate3d(85px,0,0)}}@media (max-width:768px){.waves{height:40px;min-height:40px}.content{height:30vh}h1{font-size:24px}}.Navbar{background-color:#fff;box-shadow:0 4px 2px -2px rgba(0,0,0,.2);box-sizing:border-box;padding:.2em 5rem;position:fixed;width:100%;z-index:99}.Navbar,.Navbar__left{align-items:center;display:flex;justify-content:space-between}.Navbar__left{cursor:pointer;gap:.4em}.profile_pic{width:50px}.profile_name h1{font-size:1.2rem;transition:all .25s ease-in}.Navbar__left:hover .profile_name h1{color:#59b256}.Navbar__right__content{align-items:center;display:flex;gap:2em;justify-content:space-between;list-style:none}.Navbar__right__content li a{color:#303841;font-weight:600;transition:color .2s ease-in}.Navbar__right__content li a:hover{color:#59b256}@media only screen and (max-width:650px){.profile_name h1{font-size:1rem}.Navbar{display:flex;justify-content:space-around;padding:.3em 2em!important}.Navbar__left:hover .profile_name h1{color:#303841}.mobile-bar svg{-webkit-animation:appearance .3s forwards;animation:appearance .3s forwards;margin-left:3em}@-webkit-keyframes appearance{0%{-webkit-transform:scale(0);transform:scale(0)}25%{-webkit-transform:scale(.5);transform:scale(.5)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}75%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes appearance{0%{-webkit-transform:scale(0);transform:scale(0)}25%{-webkit-transform:scale(.5);transform:scale(.5)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}75%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.Navbar__right__content__mobile{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:75%}.Navbar__right__content__mobile li{list-style:none;padding:.1em 0}.Navbar__right__content__mobile li a{color:#303841;font-weight:600;text-align:left}.Navbar__right__content__mobile li:last-of-type{padding-bottom:.8em}}.Tools{display:flex;flex-wrap:wrap;gap:.4em;margin-bottom:.8em}.Tools__box{background-color:#4444;border-radius:4px;box-shadow:0 2px 7px #4444;padding:.3em .6em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media only screen and (max-width:650px){.Tools{gap:.6em;justify-content:center;margin-bottom:1.5em}}.Projects-Content{grid-gap:3rem;align-content:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;justify-content:center;margin-bottom:3em;padding:2em 0}.Projects-Content__left__container{position:relative;width:560px}.Projects-Content__right{box-sizing:border-box;padding-left:1em}.screen{cursor:pointer;height:246px;left:82px;overflow:hidden;position:absolute;top:21.5px;width:394px}.Project-Content__left__poster{-webkit-animation:scrollAnimation 10s infinite alternate;animation:scrollAnimation 10s infinite alternate;width:100%}@-webkit-keyframes scrollAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}60%{-webkit-transform:translateY(-35%);transform:translateY(-35%)}80%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{-webkit-transform:translateY(-70%);transform:translateY(-70%)}}@keyframes scrollAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}60%{-webkit-transform:translateY(-35%);transform:translateY(-35%)}80%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{-webkit-transform:translateY(-70%);transform:translateY(-70%)}}.screen::-webkit-scrollbar{display:none}.Projects-Content__right h1{margin-bottom:-2%;text-transform:uppercase}@media only screen and (max-width:1050px){.Projects-Content{grid-template-columns:1fr;margin-bottom:3em}.Projects-Content__left{margin:auto}.Projects-Content__right{align-items:center;display:flex;flex-direction:column;text-align:center}}@media only screen and (max-width:650px){.Projects-Content{gap:.4em}.Projects-Content__left__container{width:380px}.Projects-Content__right{padding:0 1em}.screen{cursor:pointer;height:167px;left:56px;overflow:hidden;position:absolute;top:14.5px;width:267px}}@media only screen and (max-width:350px){.Projects-Content__left__container{width:246px}.screen{cursor:pointer;height:109px;left:37px;overflow:hidden;position:absolute;top:9.5px;width:173px}}#Projects{align-items:center;display:flex;flex-direction:column;margin-top:4em;padding:0 5rem}#Projects>h2{font-size:1.4rem}@media only screen and (max-width:650px){#Projects>h2{font-size:1.3rem;text-align:center}}#Skills{align-items:center;background-color:#fff;display:flex;flex-direction:column;margin-top:0;padding:0 5rem}.Skills__container{display:flex;flex-wrap:wrap;gap:1em;justify-content:center;margin-top:.4em;width:720px}.Skills__container img{width:120px}@media only screen and (max-width:750px){.Skills__container{width:auto}}@media only screen and (max-width:650px){.Skills__container img{width:60px}}
/*# sourceMappingURL=main.213f56fa.css.map*/