@import url(https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;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}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color--crimson-red:#d95252;--color--crimson-anchor-red:#b73e3e;--color--gray:#d6d6d6;--color--light:#fff;--color--dark:#000;--color--light-black:#424242;font-size:10px}.education-timeline::-webkit-scrollbar{height:3px}.education-timeline::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2)}.education-timeline::-webkit-scrollbar-thumb{background-color:#d95252;background-color:var(--color--crimson-red)}html{scroll-padding-top:5rem}li,p{line-height:2.5rem}::selection{background:#d95252;background:var(--color--crimson-red);color:#fff;color:var(--color--light)}.object-fit-cover{object-fit:cover}body{font-family:Space Mono,monospace}a{color:#d95252;color:var(--color--crimson-red)}a:hover{color:#b73e3e;color:var(--color--crimson-anchor-red)}.fa{color:#fff;color:var(--color--light)}.m-r-1{-webkit-margin-end:1rem;margin-inline-end:1rem}.mb-1{-webkit-margin-after:1rem;margin-block-end:1rem}.mb-2{-webkit-margin-after:2rem;margin-block-end:2rem}.mb-3{-webkit-margin-after:3rem;margin-block-end:3rem}.mb-4{-webkit-margin-after:4rem;margin-block-end:4rem}.mb-5{-webkit-margin-after:5rem;margin-block-end:5rem}.mb-6{-webkit-margin-after:6rem;margin-block-end:6rem}.mt-1{-webkit-margin-before:1rem;margin-block-start:1rem}.mt-2{-webkit-margin-before:2rem;margin-block-start:2rem}.mt-3{-webkit-margin-before:3rem;margin-block-start:3rem}.pt-1{-webkit-padding-before:1rem;padding-block-start:1rem}.pt-4{-webkit-padding-before:4rem;padding-block-start:4rem}.py-1{padding-block:1rem}.py-2{padding-block:2rem}.my-2{margin-block:2rem}.my-4{margin-block:4rem}.my-6{margin-block:6rem}.py-4{padding-block:4rem}.py-6{padding-block:6rem}.py-8{padding-block:8rem}img{height:auto;max-width:100%}.relative{position:relative}.text-center{text-align:center}.text-end{text-align:end}.margin-inline-auto{margin-inline:auto}.container{padding-inline:12rem}.text-lg{font-size:2.8rem}.text-xl{font-size:5rem}.bold{font-weight:700}.text-sm{font-size:1.4rem}.text-md{font-size:1.6rem}.text-xs{font-size:1.2rem}.text-danger{color:#d95252;color:var(--color--crimson-red)}.text-dark{color:#000;color:var(--color--dark)}.text-gray{color:#424242;color:var(--color--light-black)}.text-light{color:#fff;color:var(--color--light)}.text-decoration-none{text-decoration:none}.border-top{border-top:1.5px solid #424242;border-top:1.5px solid var(--color--light-black)}.border-bottom{border-bottom:1.5px solid #424242;border-bottom:1.5px solid var(--color--light-black)}.bg-dark{background:#000;background:var(--color--dark)}.link-highlight{color:#d95252;color:var(--color--crimson-red);display:inline-block;position:relative;text-decoration:none}.link-highlight:after{background-color:#d95252;background-color:var(--color--crimson-red);content:"";height:1px;left:0;position:absolute;top:90%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:100%}.link-highlight:hover:after{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:left;transform-origin:left}.d-inline-block{display:inline-block}.text-explode{background-color:#fff;background-color:var(--color--light);color:#000;color:var(--color--dark);padding-inline:.5rem;transition:all .3s ease-in}.animate-into-view{opacity:0;-webkit-transform:translateY(15%);transform:translateY(15%)}.animate{-webkit-animation:ele_enter .5s ease-in-out 0s forwards;animation:ele_enter .5s ease-in-out 0s forwards;-webkit-animation:ele_enter .5s ease-in-out var(--animation-delay,0s) forwards;animation:ele_enter .5s ease-in-out var(--animation-delay,0s) forwards}.animation-delay--fastest{--animation-delay:0.4s}.animation-delay--faster{--animation-delay:0.8s}.animation-delay--fast{--animation-delay:1.2s}.animation-delay--slow{--animation-delay:1.6s}.animation-delay--slower{--animation-delay:2s}.animation-delay--slowest{--animation-delay:2.4s}@-webkit-keyframes ele_enter{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ele_enter{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}header{align-items:center;background:#000;background:var(--color--dark);display:flex;justify-content:space-between;left:0;padding-block:.5rem;position:fixed;right:0;top:0;transition:top .25s linear;z-index:2}.anchor-link,header{color:#fff;color:var(--color--light)}.anchor-link{padding-block:.2rem;padding-inline:.5rem;text-decoration:none;transition:all .1s ease-in}.anchor-link-active,.anchor-link:hover{background-color:#fff;background-color:var(--color--light);color:#000;color:var(--color--dark)}.anchor-link:hover{-webkit-animation:blink-link 1s cubic-bezier(.5,0,1,1) infinite alternate;animation:blink-link 1s cubic-bezier(.5,0,1,1) infinite alternate}@-webkit-keyframes blink-link{to{background-color:#000;background-color:var(--color--dark);color:#fff;color:var(--color--light)}}@keyframes blink-link{to{background-color:#000;background-color:var(--color--dark);color:#fff;color:var(--color--light)}}header ul{display:flex;gap:1.5rem}header li{list-style:none}header li:is(:last-child){display:none}.mob-menu-not-visible .mobile-cover-menu,.mob-menu-visible .mobile-cover-menu{display:grid;height:100vh;inset:0;place-items:center;position:fixed;width:100vw}.mob-menu-links{align-items:center;display:none;flex-direction:column;height:50%;justify-content:space-evenly}.mob-menu-visible .mobile-cover-menu{-webkit-animation:menu-curtains-expand .5s ease-in-out 0s forwards;animation:menu-curtains-expand .5s ease-in-out 0s forwards;-webkit-animation:menu-curtains-expand .5s ease-in-out var(--animation-delay,0s) forwards;animation:menu-curtains-expand .5s ease-in-out var(--animation-delay,0s) forwards;-webkit-transform:translateY(-110%);transform:translateY(-110%)}.mob-menu-not-visible .mobile-cover-menu{-webkit-animation:menu-curtains-collapse .5s ease-in-out 0s forwards;animation:menu-curtains-collapse .5s ease-in-out 0s forwards;-webkit-animation:menu-curtains-collapse .5s ease-in-out var(--animation-delay,0s) forwards;animation:menu-curtains-collapse .5s ease-in-out var(--animation-delay,0s) forwards;-webkit-transform:translateY(0);transform:translateY(0)}.mob-menu-visible .menu-layer-1{background:#d95252;background:var(--color--crimson-red);z-index:2}.mob-menu-visible .menu-layer-2{--animation-delay:0.2s;background:#424242;background:var(--color--light-black);z-index:3}.mob-menu-visible .menu-layer-3{--animation-delay:0.4s;background:#000;background:var(--color--dark);z-index:4}.mob-menu-not-visible .menu-layer-1{--animation-delay:0.4s;background:#d95252;background:var(--color--crimson-red);z-index:2}.mob-menu-not-visible .menu-layer-2{--animation-delay:0.2s;background:#424242;background:var(--color--light-black);z-index:3}.mob-menu-not-visible .menu-layer-3{background:#000;background:var(--color--dark);z-index:4}.mob-menu-visible .mob-menu-links{display:flex}.mob-menu-links li{list-style:none}@-webkit-keyframes menu-curtains-expand{to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes menu-curtains-expand{to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes menu-curtains-collapse{to{-webkit-transform:translateY(-110%);transform:translateY(-110%)}}@keyframes menu-curtains-collapse{to{-webkit-transform:translateY(-110%);transform:translateY(-110%)}}.dev-name span{-webkit-animation:cursor 1s cubic-bezier(.5,0,1,1) infinite alternate;animation:cursor 1s cubic-bezier(.5,0,1,1) infinite alternate;color:#d95252;color:var(--color--crimson-red)}@-webkit-keyframes cursor{0%{opacity:1}to{opacity:0}}@keyframes cursor{0%{opacity:1}to{opacity:0}}.intro-section{-webkit-padding-before:60px;align-items:center;background:#000;background:var(--color--dark);color:#fff;color:var(--color--light);display:flex;gap:2rem;height:73vh;justify-content:space-around;overflow:hidden;padding-block-start:60px}.intro-img-div{width:50%}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.intro-summary{-webkit-padding-after:6rem;padding-block-end:6rem;padding-inline:3rem;width:50%}.skills-strip{align-items:center;display:flex;gap:3rem;padding-block:2rem}.quote-wrapper{background:#fff;background:var(--color--light);height:27vh;z-index:1}.quote-wrapper:after{background-color:#fff;background-color:var(--color--light);-webkit-clip-path:polygon(0 25%,100% 0,100% 100%,0 100%);clip-path:polygon(0 25%,100% 0,100% 100%,0 100%);content:"";height:100%;left:0;position:absolute;top:-48%;width:100%;z-index:-1}.down-arrow{-webkit-animation:down-arrow 1.5s cubic-bezier(.5,0,1,1) infinite alternate;animation:down-arrow 1.5s cubic-bezier(.5,0,1,1) infinite alternate;bottom:15%;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@-webkit-keyframes down-arrow{0%{bottom:10%}to{bottom:15%}}@keyframes down-arrow{0%{bottom:10%}to{bottom:15%}}.skills-card{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.skill-card{aspect-ratio:1/1;background:#fff;display:grid;place-items:center;width:80px}.card-with-border{border:1px solid #424242;border:1px solid var(--color--light-black);box-shadow:2px 2px 0 #d95252;box-shadow:2px 2px 0 var(--color--crimson-red);cursor:pointer;position:relative;transition:all .45s cubic-bezier(.44,-1.25,.4,2.12)}.card-with-border-hover,.card-with-border:hover{-webkit-animation:rotate-border .6s ease-in forwards;animation:rotate-border .6s ease-in forwards;box-shadow:5px 5px 0 #d95252;box-shadow:5px 5px 0 var(--color--crimson-red);-webkit-transform:translate(-3px,-3px);transform:translate(-3px,-3px)}.card{cursor:pointer;height:100%;margin-inline:auto;position:static;top:2rem;width:100%}.card__content{height:250px;position:relative;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 3s;transition:transform 3s;transition:transform 3s,-webkit-transform 3s}.card:hover .card__content{-webkit-transform:rotateY(.5turn);transform:rotateY(.5turn)}.card__back,.card__front{align-content:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:grid;inset:0;padding-inline:2rem;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.card__front{background:#fff;background:var(--color--light);border:3px solid #d95252;border:3px solid var(--color--crimson-red);color:#d95252;color:var(--color--crimson-red)}.card__back{background:#424242;background:var(--color--light-black);color:#d6d6d6;color:var(--color--gray);font-weight:700;-webkit-transform:rotateY(.5turn);transform:rotateY(.5turn)}.card__front:before{border:3px solid #000;border:3px solid var(--color--dark);bottom:1rem;content:"";left:1rem;position:absolute;right:1rem;top:1rem;-webkit-transform:translateZ(4rem);transform:translateZ(4rem)}.card__title{-webkit-transform:translateZ(8rem);transform:translateZ(8rem)}.card__subtitle{color:#424242;color:var(--color--light-black);-webkit-transform:translateZ(6rem);transform:translateZ(6rem)}.card__body{-webkit-transform:translateZ(4rem);transform:translateZ(4rem)}.card-details p:not(:last-child){-webkit-padding-after:2rem;padding-block-end:2rem}.projects-wrapper{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.project-video{margin-inline:auto;width:500px}.btn-crimson{background:#d95252;background:var(--color--crimson-red);border:1px solid #424242;border:1px solid var(--color--light-black);color:#fff;color:var(--color--light);display:inline-block;font-family:inherit;margin-inline:auto;padding-block:.5rem;padding-inline:3rem;text-decoration:none;transition:all .45s cubic-bezier(.44,-1.25,.4,2.12)}.btn-crimson:hover,.video-anchor:hover~.btn-crimson{color:#fff;color:var(--color--light);padding-inline:4rem}video{border:1.5px solid #d95252;border:1.5px solid var(--color--crimson-red);display:block;overflow:hidden;padding:0;width:100%}.education-timeline-wrapper,video{position:relative}.education-timeline-stream{background-color:#d95252;background-color:var(--color--crimson-red);height:1px;inset:0;position:absolute;top:8%}.education-timeline{align-items:center;display:flex;gap:2rem;justify-content:space-between;overflow-x:auto;padding-block:5rem 3rem}.education__card:after{background-color:#fff;background-color:var(--color--light);border-left:1px solid #d6d6d6;border-left:1px solid var(--color--gray);border-top:1px solid #d6d6d6;border-top:1px solid var(--color--gray);content:"";height:15px;left:5%;position:absolute;top:-8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:15px}.education__card{-webkit-padding-before:2rem;border:1px solid #d6d6d6;border:1px solid var(--color--gray);box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;flex-shrink:0;height:180px;padding-block-start:2rem;padding-inline:2rem;position:relative;width:450px}.education__card h4{background:#000;background:var(--color--dark);color:#fff;color:var(--color--light);padding-block:.5rem;padding-inline:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.education__card p{-webkit-padding-start:1rem;padding-inline-start:1rem}footer{background:#000;background:var(--color--dark);color:#fff;color:var(--color--light);display:grid;grid-template-columns:1fr 1fr;padding-block:8rem}.footer-right{grid-gap:1rem;display:grid;gap:1rem;place-items:center}.footer-socials{display:flex;flex-wrap:wrap;gap:3rem;overflow:hidden}footer .fa{cursor:pointer;transition:color .2s ease-in-out}.fa-facebook-square:hover{color:#3b5998}.fa-instagram:hover{color:#dc2743}.fa-github-square:hover{color:#8241f9}.fa-linkedin-square:hover{color:#0077b5}.footer-contact{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.organisation-name span{color:#000;color:var(--color--dark);font-weight:400;left:0;position:absolute;top:100%}.organisation-post{border-bottom:1.5px solid #d95252;border-bottom:1.5px solid var(--color--crimson-red)}.organisation-work{-webkit-padding-start:1.2rem;padding-inline-start:1.2rem}.organisation-work li{-webkit-padding-start:1rem;padding-inline-start:1rem}.organisation-work li:not(:last-child){-webkit-margin-after:1rem;margin-block-end:1rem}.organisation-work li::marker{color:#d95252;color:var(--color--crimson-red);content:"\2751";font-weight:700}.external-img{-webkit-margin-start:.5rem;margin-inline-start:.5rem}@media (min-width:1441px){.intro-img-div{width:35%}.intro-img-div img{scale:1.2}.project-video{width:600px}.skill-card{width:100px}}@media (min-width:800px){.card{position:static}.card-wrapper{grid-gap:4.5rem;display:grid;gap:4.5rem;grid-template-columns:23% 1fr}.card-wrapper-reverse .card{order:2}.card-wrapper-reverse{grid-template-columns:1fr 25%}.organisation{display:grid;grid-template-columns:27.5% 1fr}.organisation-name{align-self:start}.experience-timeline:after{background-color:#424242;background-color:var(--color--light-black);content:"";height:90%;left:22.8%;position:absolute;scale:0;top:0;-webkit-transform-origin:bottom;transform-origin:bottom;transition:scale .75s ease-out;width:1px}.show-experience-timeline:after{scale:1}.organisation:after{-webkit-animation:animate 2s linear infinite;animation:animate 2s linear infinite;background-color:#d95252;background-color:var(--color--crimson-red);content:"";height:15px;left:22.2%;position:absolute;rotate:45deg;top:5%;width:15px;z-index:1}@-webkit-keyframes animate{0%{box-shadow:0 0 0 0 #d95252,0 0 0 0 #d95252;box-shadow:0 0 0 0 var(--color--crimson-red),0 0 0 0 var(--color--crimson-red)}40%{box-shadow:0 0 0 5px rgba(255,0,64,0),0 0 0 0 #d95252;box-shadow:0 0 0 5px rgba(255,0,64,0),0 0 0 0 var(--color--crimson-red)}80%{box-shadow:0 0 0 5px rgba(255,0,64,0),0 0 0 6px rgba(255,0,64,0)}to{box-shadow:0 0 0 0 rgba(255,0,64,0),0 0 0 6px rgba(255,0,64,0)}}@keyframes animate{0%{box-shadow:0 0 0 0 #d95252,0 0 0 0 #d95252;box-shadow:0 0 0 0 var(--color--crimson-red),0 0 0 0 var(--color--crimson-red)}40%{box-shadow:0 0 0 5px rgba(255,0,64,0),0 0 0 0 #d95252;box-shadow:0 0 0 5px rgba(255,0,64,0),0 0 0 0 var(--color--crimson-red)}80%{box-shadow:0 0 0 5px rgba(255,0,64,0),0 0 0 6px rgba(255,0,64,0)}to{box-shadow:0 0 0 0 rgba(255,0,64,0),0 0 0 6px rgba(255,0,64,0)}}}@media (max-width:1336px){.container{padding-inline:13rem}}@media (max-width:1024px){.container{padding-inline:9rem}.text-explode{-webkit-margin-after:1rem;margin-block-end:1rem}.intro-summary{-webkit-padding-after:3rem;padding-block-end:3rem;padding-inline:0}.footer-contact{justify-content:center}}@media (max-width:991px){header li:is(:last-child){display:flex}header li:not(:last-child){display:none}.container{padding-inline:6rem}.text-sm{font-size:1.2rem}.text-md{font-size:1.4rem}.text-lg{font-size:2rem}.intro-section{flex-direction:column;height:80vh;justify-content:center}.intro-img-div{width:50%}.intro-img-div img{box-shadow:0 0 0 1px #fff,0 0 2px 2px #000,3px 3px 0 2px #d95252;box-shadow:0 0 0 1px var(--color--light),0 0 2px 2px var(--color--dark),3px 3px 0 2px var(--color--crimson-red)}.intro-summary{-webkit-padding-after:5rem;padding-block-end:5rem;text-align:center;width:100%}.skills-strip{justify-content:center}.quote-wrapper{height:20vh}.quote-wrapper:after{-webkit-clip-path:polygon(0 18%,100% 0,100% 100%,0 100%);clip-path:polygon(0 18%,100% 0,100% 100%,0 100%);top:-32%}.organisation{grid-template-columns:34.5% 1fr}.organisation:after{left:29%}.experience-timeline:after{left:30%}.card-wrapper{grid-template-columns:31% 1fr}.footer-contact{gap:0}}@media (max-width:575px){.container{padding-inline:2rem}.my-6{margin-block:4rem}.py-4{padding-block:2rem}.hamburger-wrapper{height:25px;width:32px}.intro-img-div{width:70%}.intro-section{gap:5rem;height:100vh}.intro-summary{-webkit-padding-after:0;padding-block-end:0}.quote-wrapper img{width:15px}.skills-strip{gap:2rem}.skills-card{gap:.8rem}.skill-card{width:70px}.quote-wrapper{-webkit-margin-before:3rem;height:auto;margin-block-start:3rem}.down-arrow,.quote-wrapper:after{display:none}.text-xl{font-size:3.5rem}.projects-wrapper{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.project-video{width:100%}.organisation-post{-webkit-margin-before:2rem;margin-block-start:2rem}.external-img{width:12px}.card{-webkit-margin-after:2rem;margin-block-end:2rem}footer{grid-template-columns:1fr}.footer-left{-webkit-margin-after:3rem;margin-block-end:3rem;text-align:center}.education__card{width:300px}}@media (max-width:375px){.intro-summary{-webkit-padding-after:2rem;padding-block-end:2rem}.intro-section{-webkit-padding-before:40px;padding-block-start:40px}.hamburger-img{width:28px}.text-lg{font-size:1.8rem}li,p{line-height:2.2rem}.education__card{padding-inline:1.5rem}}@media (max-width:320px){.mb-3{-webkit-margin-after:2rem;margin-block-end:2rem}.text-xl{font-size:3rem}.text-md{font-size:1.2rem}.intro-section{-webkit-padding-before:10px;padding-block-start:10px}.intro-summary{-webkit-padding-after:0;padding-block-end:0}.intro-section{height:68vh}.quote-wrapper{height:32vh}.education__card{width:270px}footer{padding-block:5rem}}
/*# sourceMappingURL=main.9a202462.css.map*/