@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");body,html{font-size:16px}body{--theme-color:#02e64e;--white:#fefefe;--grey-1:#232323;--light-grey:#ccc;--dark-grey:#121212;background-color:var(--dark-grey);color:var(--white);position:relative}body,main{height:100vh}main{-ms-scroll-snap-type:y proximity;scroll-snap-type:y proximity}main.scrollable{overflow-y:scroll}section{scroll-snap-align:start;padding-top:90px!important}body::-webkit-scrollbar{width:4px}body::-webkit-scrollbar-thumb{background-color:var(--theme-color);border-radius:20px}*{font-family:Inter,Calibri,sans-serif!important;padding:0;margin:0;scroll-behavior:smooth;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{color:inherit;text-decoration:none}.section{scroll-snap-align:start}.green{color:var(--theme-color)}.underline-animation-container{position:relative;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.underline-animation{content:"";background-color:var(--theme-color);height:5px;border-radius:5px;width:100%;opacity:0}.underline-animation.animate{opacity:100%}.animate{-webkit-animation:underline .4s linear;-moz-animation:underline .4s linear;animation:underline .4s linear}.section-title-text{font-size:2rem;font-weight:600;padding:5px}@-webkit-keyframes underline{0%{width:0}to{width:100%}}@-moz-keyframes underline{0%{width:0}to{width:100%}}@keyframes underline{0%{width:0}to{width:100%}}header{color:#fff;display:grid;grid-template-columns:1fr auto;-webkit-align-items:center;-moz-box-align:center;align-items:center;position:fixed;top:0;right:0;background-color:#12121271;backdrop-filter:blur(5px);padding-left:60px;padding-right:60px;left:0;z-index:10;width:100%;height:80px;-webkit-transition:opacity .15s,height .15s,width .15s,top .15s,right .15s;-moz-transition:opacity .15s,height .15s,width .15s,top .15s,right .15s;transition:opacity .15s,height .15s,width .15s,top .15s,right .15s}.Header__page-title{padding:10px 20px;font-size:1.1rem;-webkit-align-items:center;-moz-box-align:center;align-items:center}.Header__nav-links,.Header__page-title{height:45px;display:-webkit-flex;display:-moz-box;display:flex}.Header__nav-links{list-style-type:none;width:100%;-webkit-justify-content:flex-end;-moz-box-pack:end;justify-content:flex-end;padding:5px 10px}.Header__nav-link{margin-left:15px;text-transform:capitalize!important;font-weight:400!important;letter-spacing:.5px!important;font-size:1.1rem!important;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-transition:background-color .15s;-moz-transition:background-color .15s;transition:background-color .15s;cursor:pointer;position:relative;color:#fff!important;padding:5px 10px}.Header__nav-link:before{top:0;z-index:11;height:100%;background-color:#ffffff20}.Header__nav-link:after,.Header__nav-link:before{position:absolute;border-radius:3px;content:"";left:0;width:0;opacity:0;-webkit-transition:width .2s,opacity .2s;-moz-transition:width .2s,opacity .2s;transition:width .2s,opacity .2s}.Header__nav-link:after{height:3px;bottom:-3px;background-color:#fff}.Header__nav-link:hover:after,.Header__nav-link:hover:before{width:100%;opacity:1}.open-nav{display:none;background-color:transparent;padding:10px;border-radius:50%;cursor:pointer;-webkit-transition:background-color .15s;-moz-transition:background-color .15s;transition:background-color .15s}.open-nav:hover{background-color:#ffffff30}.open-nav svg{font-size:1.5rem}nav.open{opacity:100%;pointer-events:all;right:0;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}nav.open .Header__nav-link{opacity:1}@media screen and (max-width:740px){header{padding-left:40px;padding-right:40px}}@media screen and (max-width:690px){header{padding-left:20px;padding-right:20px}}@media screen and (max-width:540px){.open-nav{display:-webkit-flex;display:-moz-box;display:flex}nav{position:fixed;background-color:var(--grey-1);right:-100%;top:0;height:100vh;padding:20px;opacity:1;pointer-events:none;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);border-top-left-radius:30px;border-bottom-left-radius:30px;-webkit-transition:opacity .4s,right .4s,-webkit-transform .4s;transition:opacity .4s,right .4s,-webkit-transform .4s;-moz-transition:opacity .4s,right .4s,transform .4s,-moz-transform .4s;transition:opacity .4s,right .4s,transform .4s;transition:opacity .4s,right .4s,transform .4s,-webkit-transform .4s,-moz-transform .4s}.Header__nav-links{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;height:100%;-webkit-justify-content:flex-start;-moz-box-pack:start;justify-content:flex-start}.Header__nav-link{margin:0;padding:20px 40px;background-color:#ffffff10;border-radius:30px;opacity:0;-webkit-transition:background-color .1s,opacity .1s;-moz-transition:background-color .1s,opacity .1s;transition:background-color .1s,opacity .1s}.Header__nav-link:hover{background-color:#ffffff20}.Header__nav-link:not(:first-child){margin-top:10px}.Header__nav-link:after,.Header__nav-link:before{display:none}.Header__page-title{padding:10px}}.page-container{width:100%}.landing-section{padding-top:80px;display:grid;grid-template-columns:repeat(2,1fr);width:100%;height:100vh;min-height:500px}.landing-section__hero-message{height:100%;width:100%;white-space:nowrap;display:-webkit-flex;display:-moz-box;display:flex;padding:20px;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;margin-bottom:40px}.landing-section__hero-message-container{margin-left:80px}.landing-section__hero-message-text{font-size:2.7rem;font-weight:700;margin-bottom:5px}.typewriter{font-size:1.5rem;display:-webkit-flex;display:-moz-box;display:flex;word-spacing:1px}.typewriter__intro-text{margin-right:6px}.describing-word{position:relative;padding-right:1px;font-weight:600}.typewriter-cursor{position:absolute;left:0;width:2px;height:100%;top:0;background-color:#fff;content:"";display:block;-webkit-transition:left .09s;-moz-transition:left .09s;transition:left .09s}@-webkit-keyframes cursor-blink{0%{border-right-color:transparent}50%{border-right-color:var(--theme-color)}to{border-right-color:transparent}}@-moz-keyframes cursor-blink{0%{border-right-color:transparent}50%{border-right-color:var(--theme-color)}to{border-right-color:transparent}}@keyframes cursor-blink{0%{border-right-color:transparent}50%{border-right-color:var(--theme-color)}to{border-right-color:transparent}}.hero-animation{width:100%;height:100%;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.hero-animation__centre{height:20px;width:20px;border-radius:50%;position:relative}.hero-animation__circle{position:absolute;height:150px;width:150px;content:"";top:-30px;left:-30px;-webkit-transform-origin:30px 30px;-moz-transform-origin:30px 30px;transform-origin:30px 30px;border:1.5px solid var(--theme-color);border-radius:50%}.hero-animation__circle-1{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);transform:rotate(120deg)}.hero-animation__circle-2{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);transform:rotate(240deg)}.hero-animation__circle-3{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);transform:rotate(1turn)}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes rotate{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);transform:rotate(1turn)}}.about{padding:40px 40px 80px;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.about-me__content{margin-top:40px;width:75%;font-weight:500;font-size:1.3rem;text-align:center}@media screen and (max-width:700px){.about-me__content{width:90%}}@media screen and (max-width:440px){.about-me{padding-left:10px;padding-right:10px}.about-me__content{text-align:justify}}.on-load-animation{height:100vh;width:100vw;background-color:var(--dark-grey);z-index:20;position:fixed;top:0;left:0;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.frame,.on-load-animation{-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s}.char,.frame.hide{opacity:0}.char{display:inline;font-size:4.5rem;font-weight:600}.char:not(:last-child){margin-right:5px}.skip-animation-button{position:fixed;z-index:21;bottom:15px;right:15px;background-color:transparent;border:none;outline:none;color:var(--white);font-size:.9rem;cursor:pointer}.skip-animation-button:hover{text-decoration:underline}@-webkit-keyframes appear{0%{opacity:0}to{opacity:100%}}@-moz-keyframes appear{0%{opacity:0}to{opacity:100%}}@keyframes appear{0%{opacity:0}to{opacity:100%}}.projects{padding:30px 30px 80px;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.projects,.projects__search-projects-container{-webkit-align-items:center;-moz-box-align:center;align-items:center;width:100%}.projects__search-projects-container{margin-top:50px;max-width:500px;display:grid;grid-gap:10px;grid-template-columns:30px auto;justify-items:center;padding:10px 15px;height:55px;border-radius:30px;border:2.5px solid transparent;background-color:var(--grey-1);-webkit-transition:border .15s,-webkit-transform .15s;transition:border .15s,-webkit-transform .15s;-moz-transition:border .15s,transform .15s,-moz-transform .15s;transition:border .15s,transform .15s;transition:border .15s,transform .15s,-webkit-transform .15s,-moz-transform .15s}.projects__search-projects-container:focus-within{border-color:var(--theme-color);-webkit-transform:scale(1.07);-moz-transform:scale(1.07);transform:scale(1.07)}.projects__search-projects-container:focus-within .search-icon svg{color:var(--theme-color)}.search-icon{width:30px;height:30px;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.search-icon svg{height:100%;width:100%;-webkit-transition:color .15s;-moz-transition:color .15s;transition:color .15s}.projects__search-projects-input{height:30px;outline:none;font-size:1.2rem;background-color:transparent;color:var(--theme-color);font-weight:600;border:none;width:100%}.projects__search-projects-input::-webkit-input-placeholder{color:var(--light-grey)}.projects__search-projects-input:-ms-input-placeholder{color:var(--light-grey)}.projects__search-projects-input::placeholder{color:var(--light-grey)}.projects__projects-container{margin-top:50px;width:90%;grid-template-columns:repeat(2,1fr);grid-gap:40px}.projects__project,.projects__projects-container{display:grid;-webkit-align-items:center;-moz-box-align:center;align-items:center;justify-items:center}.projects__project{width:100%;overflow:hidden;background-color:var(--grey-1);height:250px;border-radius:20px;max-width:620px;grid-template-columns:.9fr 1fr}.project-image{height:100%;width:100%}.project-image img{object-fit:cover;height:250px;width:100%;background-size:cover;vertical-align:middle}.project-details{width:100%;height:100%;padding:30px}.project-name{font-size:1.5rem;font-weight:700}.project-description{font-size:.95rem;margin-top:15px}.project-links{margin-top:8px}.project-link,.project-links{display:-webkit-flex;display:-moz-box;display:flex}.project-link{padding:7px;background-color:transparent;-webkit-transition:background-color .15s;-moz-transition:background-color .15s;transition:background-color .15s;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;border-radius:50%;cursor:pointer}.project-link:not(:first-child){margin-left:5px}.project-link svg{font-size:1.2rem}.project-link:hover{background-color:#ffffff20}@media screen and (max-width:1280px){.projects__projects-container{width:100%;grid-gap:30px}}@media screen and (max-width:1140px){.projects__project{grid-template-columns:1fr;grid-template-rows:1fr auto;height:auto}.projects__projects-container{width:80%;-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start}}@media screen and (max-width:1000px){.projects__projects-container{width:90%}}@media screen and (max-width:710px){.projects__project{grid-template-columns:1fr;width:60%}.project-image,.project-image img{height:200px}}@media screen and (max-width:870px){.projects__projects-container{width:100%}}@media screen and (max-width:750px){.projects__projects-container{grid-template-columns:1fr}.projects__project{width:60%;width:70%}}@media screen and (max-width:550px){.projects__project{width:80%}}@media screen and (max-width:465px){.projects__project{width:90%}}@media screen and (max-width:415px){.projects__project{width:100%}.projects-section{padding-left:20px;padding-right:20px}}@media screen and (max-width:380px){.projects{padding-left:0;padding-right:0}.projects__project{border-radius:0}.projects__search-projects-container{width:90%;margin-left:10px!important;margin-right:10px!important}}footer{width:100%;display:grid;grid-gap:10px;grid-template-columns:1fr auto 1fr;scroll-snap-align:center}.share-link{-webkit-justify-content:flex-end;-moz-box-pack:end;justify-content:flex-end}.share-link,.share-link-text{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center}.share-link-text{font-size:.9rem;cursor:pointer}.share-link-text:hover{text-decoration:underline}.share-link-text svg{margin-right:5px}.footer-text{background-color:var(--grey-1);padding:10px 20px;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;font-size:1.1rem;border-top-left-radius:15px;border-top-right-radius:15px}.footer-links,.footer-text,.social-link{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center}.social-link{height:30px;background-color:transparent;width:30px;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;border-radius:50%;cursor:pointer;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}.social-link:hover{background-color:#ffffff20}.social-link:not(:first-child){margin-left:5px}.skills{padding:40px;display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.skills-container{margin-top:40px;width:50%}.skill{display:grid;grid-template-columns:auto 1fr;grid-gap:15px;width:100%}.skill-name{height:35px;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:flex-end;-moz-box-pack:end;justify-content:flex-end;-webkit-align-items:center;-moz-box-align:center;align-items:center;font-size:1.1rem;font-weight:600}.skill-points{background-color:var(--grey-1);width:100%;content:"";border-radius:8px;position:relative}.skill-points-bar{display:block;content:"";position:absolute;height:100%;background-color:var(--theme-color);width:0;border-radius:8px;top:0;left:0;-webkit-transition:width .3s;-moz-transition:width .3s;transition:width .3s}@media screen and (max-width:980px){.skills-container{width:70%}}@media screen and (max-width:620px){.skills-container{width:90%}}@media screen and (max-width:505px){.skills-container{width:90%}.skill{grid-template-columns:1fr;grid-gap:0}.skill:not(:last-child){margin-bottom:20px}.skill-points{height:35px}.skill-name{-webkit-justify-content:flex-start;-moz-box-pack:start;justify-content:flex-start}}@media screen and (max-width:360px){.skills-container{width:100%}}@media screen and (max-width:310px){.skills{padding-left:30px;padding-right:30px}}