@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Nunito:wght@200&family=Roboto:ital,wght@0,100;0,300;0,400;1,100&display=swap);body,html{height:100%;margin:0;width:100%}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}.page-container{background-image:linear-gradient(90deg,#478e99,#224040,#000);display:grid;grid-template-columns:repeat(3,1fr);min-width:100vw}.main-content{align-items:center;display:grid;grid-column:2/4;grid-template-rows:repeat(auto,-webkit-fit-content);grid-template-rows:repeat(auto,fit-content);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center}.section-title{align-self:baseline;color:#fff;font-family:Montserrat,sans-serif;font-size:4em;grid-column:1/3;text-align:center}.light{background-image:linear-gradient(90deg,#59afbd,#6acbda)}nav{align-items:center;display:flex;height:100vh;justify-content:center;position:-webkit-sticky;position:sticky;top:0}@media screen and (max-width:1200px){.page-container{position:absolute;width:100vw}.nav{height:10vh}.main-content{grid-column:1/4;position:relative;width:100vw}.section-title{font-size:3em}}.welcome-container{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-size:6em;height:100vh;justify-content:center;max-width:100vw;position:relative;-webkit-transform:translateX(-150px);transform:translateX(-150px);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.light .welcome-container{-webkit-transform:translateX(0);transform:translateX(0)}.message-container{align-items:center;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--custom-height)/10);text-align:center}.emphasise{color:#e16614;transition:color .8s}.learn-more{background-color:initial;border:3px solid #e16614;border-radius:15px;color:#fff;cursor:pointer;font-size:.7em;margin-top:20px;outline:none;padding:30px;transition:border-color .8s}.light .learn-more{border-color:#8300a4}.light .emphasise{color:#8300a4}.down-arrow{color:#fff;transition:color .5s ease-in-out}.light .learn-more:hover>.down-arrow{color:#8300a4}.learn-more:hover .down-arrow{color:#e16614}@media screen and (max-width:1200px){.welcome-container{font-size:2em;-webkit-transform:translateX(0);transform:translateX(0)}.message-container{padding:30px;text-align:center;width:100vw}}.about-container{grid-column-gap:50px;grid-row-gap:50px;-webkit-column-gap:50px;column-gap:50px;display:grid;grid-template-columns:repeat(2,1fr);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:5px;min-height:100vh;overflow:auto;padding-bottom:50px;padding-right:50px;position:relative;row-gap:50px;-webkit-transform:translateX(-150px);transform:translateX(-150px);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.light .about-container{-webkit-transform:translateX(0);transform:translateX(0)}.avatar-wrapper{align-items:center;display:flex;grid-column:1/3;justify-content:center}.avatar{border-radius:50%;box-shadow:0 0 20px 2px rgba(0,0,0,.274);min-width:250px;width:10em}.about-left{height:100%;text-align:center}.about-left,.about-right{align-items:center;display:flex;flex-direction:column;font-family:Nunito,sans-serif;font-size:1.7em;gap:50px}.about-right{color:#fff}.tech-list{grid-gap:40px;display:grid;font-family:Roboto,sans-serif;gap:40px;grid-template-columns:repeat(3,1fr)}.introduction{color:#fff}.tech-icon{font-size:3em}.about-right li{align-items:center;display:flex;flex-direction:column;gap:10px;list-style:none}.word-highlight{color:#09cb09}.light .word-highlight{color:#fcfc05}.see-projects{background-color:initial;border:3px solid #e16614;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:2em;gap:10px;margin-top:20px;outline:none;padding:30px;transition:border-color .8s}.light .see-projects{border-color:#8300a4}.light .see-projects:hover>.down-arrow{color:#8300a4}.see-projects:hover>.down-arrow{color:#e16614}@media screen and (max-width:1200px){.about-container{align-items:center;display:flex;flex-direction:column;font-size:1.5em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding-right:0;-webkit-transform:translateX(0);transform:translateX(0)}.about-container .section-title{align-self:center}.avatar{margin-bottom:30px;width:7em}.about-left{font-size:.8em;max-width:100vw;padding:30px}.tech-list{grid-gap:10px;display:grid;font-family:Roboto,sans-serif;font-size:.6em;gap:10px;grid-template-columns:repeat(3,1fr)}.see-projects{align-items:center;background-color:initial;border:3px solid #e16614;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:.7em;gap:10px;justify-content:center;margin-top:20px;outline:none;padding:10px;transition:border-color .8s}}.projects-container{align-items:center;display:flex;flex-direction:column;gap:50px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-bottom:50px;position:relative;-webkit-transform:translateX(-150px);transform:translateX(-150px);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.projects-container .section-title{align-self:center}.light .projects-container{-webkit-transform:translateX(0);transform:translateX(0)}.project-grid{grid-gap:100px;display:grid;gap:100px;grid-template-rows:minmax(300px,350px);padding-top:50px}@media screen and (max-width:1200px){.projects-container{gap:70px;right:0;-webkit-transform:translateX(0);transform:translateX(0)}.project-grid{grid-template-rows:minmax(150px,400px);padding:30px}}.project-card{align-items:center;background-color:initial;border-radius:10px;color:#fff;display:flex;font-family:Nunito,sans-serif;gap:50px;justify-content:center;list-style:none;max-height:350px;text-align:center}.project-card:nth-child(2n){flex-direction:row-reverse}.info-container{font-size:1.5em;gap:30px}.button-wrapper,.info-container{align-items:center;display:flex;flex-direction:column}.button-wrapper{gap:10px;justify-content:center}.hover-zoom{height:300px}.hover-zoom:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.project-button{background-color:initial;border:3px solid #e16614;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:.7em;font-size:1.2em;gap:10px;outline:none;padding:10px;transition:border-color .8s}.project-button a{color:#fff;text-decoration:none}.light .project-button{border-color:#8300a4}@media screen and (max-width:1200px){.project-card{gap:30px;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;max-width:100vw;text-align:center}.project-card,.project-card:nth-child(2n){flex-direction:column}.hover-zoom{max-height:150px}.hover-zoom:hover{-webkit-transform:scale(0);transform:scale(0)}}.mobile-nav{align-items:center;background-image:linear-gradient(90deg,#4971f5,#8f8f8f);box-shadow:1px 1px 1px 2px hsla(0,0%,81%,.224);color:#fff;display:none;font-family:Roboto,sans-serif;font-size:1.3em;gap:10px;grid-column:1/4;grid-template-columns:repeat(12,1fr);height:10vh;justify-content:space-between;max-width:100vw;overflow:hidden;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.mobile-nav a{color:#fff;text-decoration:none}.nav-icon{font-size:1.4em}.mobile-nav{position:relative}.nav-links{justify-content:space-between}@media screen and (max-width:1200px){.mobile-nav{display:grid;position:-webkit-sticky;position:sticky}.mobile-nav.hidden .nav-links{-webkit-transform:translateX(5000px);transform:translateX(5000px)}.mobile-nav .nav-links{align-items:center;color:#fff;display:flex;grid-column:1/12;justify-content:space-evenly;overflow:hidden;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.show-menu{cursor:pointer;font-size:1.2em;grid-column:12/13}}:root{--custom-height:700px}.spinner-container{align-items:center;display:flex;font-family:Roboto,sans-serif;justify-content:center;left:-350px;min-height:700px;min-height:var(--custom-height);min-width:700px;min-width:var(--custom-height);position:absolute;-webkit-transform:rotate(0deg) translateX(-250px);transform:rotate(0deg) translateX(-250px);-webkit-transform-origin:350px;transform-origin:350px;transition:.5s}.sun{background-color:#f8f40c;background-image:linear-gradient(90deg,#f8f40c,#e16614);border:2px solid #e16614;border-radius:50%;box-shadow:0 3px 4px rgba(0,0,0,.15);cursor:pointer;height:700px;height:var(--custom-height);position:absolute;transition:box-shadow 1.5s;width:700px;width:var(--custom-height);z-index:10000}.links,.sun{list-style:none}.links{margin:0;padding:0;position:relative}.spinner-item{align-items:center;background-color:#f8c10c;border-radius:15px;box-shadow:0 2px 10px 5px rgba(233,211,9,.321);cursor:pointer;display:flex;justify-content:center;left:0;list-style:none;padding:10px;position:absolute;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:410px;transform-origin:410px;transition-delay:calc(.1s*var(--i)),0s;transition-duration:.5s,0s;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform}.spinner-item:hover{background-color:#fcae07}.spinner-container.active{-webkit-transform:translateX(-100px);transform:translateX(-100px)}.spinner-container:hover .spinner-title{color:#000}.spinner-container.active .sun{background-image:linear-gradient(90deg,#f8f40c,#fcae07 90%);border-color:#fcae07;box-shadow:30px 5px 10px 10px hsla(54,52%,77%,.321)}.spinner-container.active .spinner-item{-webkit-transform:rotate(calc(30deg*var(--i) + 105deg));transform:rotate(calc(30deg*var(--i) + 105deg))}.menu-icon{align-items:center;color:#0589ee;display:flex;height:30px;justify-content:center;-webkit-transform:rotate(calc(-30deg*var(--i) - 105deg));transform:rotate(calc(-30deg*var(--i) - 105deg));-webkit-transform-origin:15px;transform-origin:15px;width:30px}@-webkit-keyframes rotateslowly{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateslowly{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.spinner-title{color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:4em;list-style:none;position:absolute;right:-20px;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:color .5s;z-index:10001}.spinner-container.active .spinner-title{display:none}.menu-label{bottom:50%;color:transparent;font-family:Nunito,sans-serif;font-size:4em;font-weight:bolder;position:absolute;right:10px;text-align:center}.spinner-container.active:hover .menu-label{color:#1a88ff;transition:color .5s}.nav-links{align-items:center;display:flex;justify-content:center;list-style:none}@media screen and (max-width:1200px){.desktop-menu{display:none}}
/*# sourceMappingURL=main.65abac9b.css.map*/