:root{background-color:var(--background-color);color:var(--text-color);transition:background-color .25s,color .25s}body{height:100vh;margin:0}html{overscroll-behavior:none}#root{overflow:hidden}.toggle-container{align-items:centre;flex-direction:column;gap:8px;font-family:sans-serif;display:flex}.toggle-switch{border:1px solid var(--toggle-switch-colour);cursor:pointer;border-radius:20px;width:45px;height:20px;transition:background-color .3s;position:relative}.switch-icon{width:12px;height:12px;color:var(--toggle-switch-colour);transition:opacity .3s;position:absolute;top:50%;transform:translateY(-50%)}.switch-icon--light{right:4px}.switch-icon--dark{opacity:0;left:4px}.toggle-switch.toggle-on .switch-icon--light{opacity:0}.toggle-switch.toggle-on .switch-icon--dark{opacity:1}.switch-handle{background:var(--toggle-switch-colour);z-index:1;border-radius:50%;width:16px;height:16px;transition:left .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.toggle-on .switch-handle{left:28px}.navbar__container{width:-webkit-fill-available;width:-moz-available;width:stretch;box-shadow:none;z-index:100;background-color:#0000;flex-direction:row;justify-content:space-between;align-items:center;margin:10px;padding:5px;transition:background-color .3s,box-shadow .3s;display:flex;position:fixed;top:0}.navbar__container--scrolled{background-color:var(--surface-level-one);box-shadow:0 6px #00000040}.navbar__container--icon{color:#4a4aff;cursor:pointer;background-color:#fff;border-radius:50%;font-family:sans-serif;overflow:hidden}.navbar__container--icon img{width:25px;position:relative;top:2px}.navbar__menu-container{flex-direction:row;align-items:center;gap:15px;margin-right:10px;display:flex}.navbar__menu-link{text-transform:uppercase;cursor:pointer;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:700;transition:all .2s ease-in-out;display:inline-block;position:relative}.navbar__menu-link:after{content:"";background-color:var(--text-color);transform-origin:100% 100%;width:100%;height:2px;transition:transform .25s ease-out;position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.navbar__menu-link:hover:after{transform-origin:0 100%;transform:scaleX(1)}.navbar__menu-items{flex-direction:row;align-items:center;gap:10px;display:flex}.hero-section{flex-direction:column;justify-content:center;height:100vh;padding:10px;display:flex}.hero-section__btns-container{flex-direction:row;justify-content:center;align-items:center;gap:15px;display:flex}.hero-section__btns-projects,.hero-section__btns-timeline{color:tomato;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;padding:10px 20px;font-size:16px;text-decoration:none;transition:all .5s;display:flex;position:relative}.hero-section__btns-projects span,.hero-section__btns-timeline span{z-index:-1;background-color:tomato;border-radius:8px;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0;transform:scale(0)}.hero-section__btns-projects:before,.hero-section__btns-projects:after,.hero-section__btns-timeline:before,.hero-section__btns-timeline:after{content:"";z-index:-1;opacity:0;background-color:tomato;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.hero-section__btns-projects:before,.hero-section__btns-timeline:before{left:0;box-shadow:-100px 0 tomato}.hero-section__btns-projects:after,.hero-section__btns-timeline:after{right:0;box-shadow:100px 0 tomato}.hero-section__btns-projects:hover,.hero-section__btns-timeline:hover{color:#fff;transition-delay:.4s}.hero-section__btns-projects:hover:before,.hero-section__btns-timeline:hover:before{opacity:1;left:50%;transform:translate(-50%)translateY(-50%);box-shadow:30px 0 tomato}.hero-section__btns-projects:hover:after,.hero-section__btns-timeline:hover:after{opacity:1;right:50%;transform:translate(50%)translateY(-50%);box-shadow:-30px 0 tomato}.hero-section__btns-projects:hover span,.hero-section__btns-timeline:hover span{transition-delay:.2s;transform:scale(1)}.hero-section__name{color:var(--text-color);font-family:var(--font-family-primary);text-transform:uppercase;letter-spacing:14px;margin:0;font-size:60px;font-weight:500}.hero-section__title{color:var(--text-color);font-weight:400;font-family:var(--font-family-primary);text-transform:uppercase;letter-spacing:10px;font-size:18px;line-height:25px}.hero-section__title-container{flex-direction:column;justify-content:center;align-items:center;padding:5px 18px;display:flex}.timeline-container{background-color:var(--surface-level-one);border-radius:5px;width:30vw;padding:10px;position:relative;overflow:scroll}.timeline-container *{box-sizing:border-box}.timeline-entry{cursor:pointer;flex-direction:row;align-items:center;gap:10px;transition:all .2s ease-in-out;display:flex;position:relative}.timeline-entry:first-child{margin-top:0}.timeline-entry:last-child{margin-bottom:0}.timeline-entry__company-role{flex-direction:column;display:flex}.timeline-entry__company-role .company-name{font-weight:700}.timeline-entry__company-role span{font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500}.timeline-entry:hover .timeline-entry__company-role{color:var(--text-color-hover)}.timeline-entry:hover .timeline-entry__icon-container:before{animation:.85s shine}.timeline-entry.selected-entry .timeline-entry__icon-container{border:3px solid #d34b4b}.timeline-entry__icon-container{background-color:#fff;border:2px solid #d71515;border-radius:50%;width:50px;height:50px;overflow:hidden}.timeline-entry__icon-container svg{color:#000}.timeline-entry__icon-container.fifth9{background-color:#000}.timeline-entry__icon-container.fifth9 img{margin-top:5px}.timeline-entry__icon-container.freelance svg{width:32px;height:32px;margin:7px 0 0 7px}.timeline-entry__icon-container.coreweave img{margin-left:-1px}.timeline-entry__icon-container.monolith img,.timeline-entry__icon-container.vakt img{margin-top:-2px;margin-left:-1px}.timeline-entry__icon-container img{max-width:48px}.timeline-entry__icon-container.shimmer{position:relative;overflow:hidden}.timeline-entry__icon-container:before{content:"";z-index:2;background:linear-gradient(90deg,#fff0 0%,#ffffff4d 100%);width:50%;height:100%;display:block;position:absolute;top:0;left:-75%;transform:skew(-25deg)}.timeline-section .section-header__container{width:100%}.timeline-section .section-header__content{width:100px;padding:10px}.timeline-section .section-header__content h4{font-weight:400;font-family:var(--font-family-primary);text-transform:uppercase;letter-spacing:10px;color:var(--text-color);cursor:default;margin-bottom:0;font-family:sans-serif;font-size:25px;line-height:25px;transition:all .2s ease-in-out;display:inline-block;position:relative}.timeline-section .section-header__content h4:after{content:"";background-color:var(--text-color);transform-origin:100% 100%;width:100%;height:2px;transition:transform .25s ease-out;position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.timeline-section .section-header__content h4:hover:after{transform-origin:0 100%;transform:scaleX(1)}.timeline-section{flex-direction:column;gap:10px;display:flex}.timeline-section__content{flex-direction:row;justify-content:space-between;gap:10px;max-height:400px;padding:10px;display:flex}.timeline-section .section-header__container{padding:0 10px}.timeline-section .section-header__content{width:150px}.timeline-separator{background-color:#d71515;align-self:flex-start;width:5px;height:50px;margin-inline-start:22.5px;display:block}.selected-content__container{background-color:var(--surface-level-one);border-radius:5px;width:70vw;padding:10px;font-family:system-ui,Segoe UI,Roboto,sans-serif;display:grid;overflow:hidden}.selected-content__container>.background-info,.selected-content__container>.skill-content__section{grid-area:1/1}.selected-content__container .skill-content__entry{font-size:15px;font-weight:500}.selected-content__container .skill-content__list{margin-top:0}.selected-content__container .skill-content__section{width:100%}.selected-content__container .skill-content__section-selected-heading{flex-direction:column;gap:5px;display:flex}.selected-content__container .skill-content__section-selected-heading h3{margin-bottom:0}.selected-content__container .skill-content__section-selected-heading h4{margin-top:0}.selected-content__container .skill-content__section-selected-title{flex-direction:row;align-items:center;gap:10px;height:70px;display:flex}.selected-content__container .skill-content__section-selected-title .timeline-entry__icon-container{width:45px;height:45px}.selected-content__container .skill-content__section-selected-title-close{cursor:pointer;color:#a7a7a7;transition:all .2s ease-in-out}.selected-content__container .skill-content__section-selected-title-close:hover{color:#fff}.selected-content__container .skill-content__section-selected-title-container{flex-direction:row;justify-content:space-between;align-items:flex-start;display:flex}.selected-content__selection-message{color:var(--text-color);text-transform:uppercase;font-size:24px}.skill-display{min-height:200px;overflow:scroll}.skill-display h5{text-transform:uppercase;margin:0 0 5px}.skill-display svg{width:40px;height:40px}.skill-display__icons{grid-template-rows:1fr 1fr;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:200px;display:grid;overflow:scroll}.skill-display .skill-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100px;display:flex}.skill-display .skill-name{margin:15px 0}.background-info{flex-direction:column;gap:20px;display:flex;overflow:hidden auto}.background-info__message{z-index:1;background-color:var(--surface-level-one);text-align:center;text-transform:uppercase;letter-spacing:8px;color:var(--text-color);margin:0 -10px;padding:10px;position:sticky;top:0;box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000}.background-info__section{padding:0 10px}.background-info__section h4{text-transform:uppercase;letter-spacing:10px;margin:0;font-size:22px;font-weight:400}.background-info__section p{margin:0 0 10px;line-height:25px}::view-transition-old(*){animation-duration:.25s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(*){animation-duration:.25s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(.from-above){--offset:-100%;animation-name:slide-down}::view-transition-old(.to-below){--offset:100%;animation-name:slide-down-out}@keyframes slide-down{0%{transform:translateY(var(--offset));opacity:0}}@keyframes slide-down-out{to{transform:translateY(var(--offset));opacity:0}}@keyframes shine{to{left:125%}}@media (width<=1122px){.selected-content__container{width:auto}.timeline-container{width:auto;overflow:auto}.timeline-section__content{flex-direction:column;max-height:1000px;display:flex}.timeline-separator{height:25px}}@media (width>=600px) and (width<=1122px){.timeline-container{isolation:isolate}.timeline-container:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(to bottom right,#0000 calc(50% - 2.5px),#d71515 50%,#0000 calc(50% + 2.5px));position:absolute;inset:35px 35px 55px}.timeline-entry{z-index:1;width:100%;height:70px;display:flex;transform:translateY(-5px)}.timeline-entry__icon-container{top:0;left:var(--entry-offset,0);flex:0 0 50px;position:absolute}.timeline-entry__company-role{top:50%;left:calc(var(--entry-offset,0px) + 50px + 10px);position:absolute;transform:translateY(-50%)}.timeline-entry:first-child{--entry-offset:calc(100% - 50px)}.timeline-entry:nth-child(3){--entry-offset:calc(80% - 40px)}.timeline-entry:nth-child(5){--entry-offset:calc(60% - 30px)}.timeline-entry:nth-child(7){--entry-offset:calc(40% - 20px)}.timeline-entry:nth-child(9){--entry-offset:calc(20% - 10px)}.timeline-entry:nth-child(11){--entry-offset:0px}.timeline-entry:nth-child(-n+5) .timeline-entry__company-role{left:auto;right:calc(100% - var(--entry-offset) + 10px);text-align:right}.timeline-entry:last-child .timeline-entry__company-role{left:calc(var(--entry-offset,0px) + 50px + 10px);text-align:left;right:auto}.timeline-separator{display:none}}@media (width<=640px){.selected-content__container .skill-content__section-selected-title{height:100px}.skill-display__icons{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.background-info__message{font-size:12px}.background-info__section h4{font-size:20px}.background-info__section p{font-size:14px}}.carousel__navigation-button{width:10px;height:10px;color:var(--accent-color);cursor:pointer;background:0 0;border:1px solid;border-radius:50%;margin:0 5px;padding:0}.carousel__navigation-button[aria-pressed=true]{background:currentColor}.carousel--wheel-scrolling .carousel__desktop-card:hover .carousel__desktop-overlay{opacity:0}.carousel--wheel-scrolling .carousel__desktop-link:hover{color:#a5a5a5}.carousel--wheel-scrolling .carousel__mobile-link-icon:hover{color:#000}.carousel__desktop-card{width:500px;height:300px;transition:all .2s ease-in-out}.carousel__desktop-card:hover .carousel__desktop-overlay{opacity:1}.carousel__desktop-img{width:500px;height:300px;display:block}.carousel__desktop-link{cursor:pointer;color:#a5a5a5;width:30px;height:30px;transition:all .2s ease-in-out;position:absolute;bottom:10%;right:5%}.carousel__desktop-link:hover{color:#fff}.carousel__desktop-overlay{opacity:0;background:linear-gradient(#0000 0%,#0009 100%);width:100%;height:100%;transition:all .5s;position:absolute;inset:0}.carousel__desktop-overlay-text{color:#fff;max-width:300px;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:20px;position:absolute;bottom:-10%;left:35%;transform:translate(-50%,-50%)}.carousel__desktop-overlay-text h6,.carousel__desktop-overlay-text p{text-transform:uppercase}.carousel__desktop-overlay-text h6{margin-bottom:0;font-size:18px;font-weight:700}.carousel__desktop-overlay-text p{margin-bottom:5px;font-size:14px;font-weight:500}.carousel__mobile-card{background:linear-gradient(#fff 0%,#ededed 100%);flex-direction:column;align-items:center;height:380px;padding:10px;transition:all .2s ease-in-out;display:flex}.carousel__mobile-img{width:350px;height:250px;display:block}.carousel__mobile-link{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;display:flex}.carousel__mobile-link p{color:#000;text-transform:uppercase;font-family:system-ui,Segoe UI,Roboto,sans-serif}.carousel__mobile-link-icon{cursor:pointer;color:#000;width:45px;height:45px;transition:all .2s ease-in-out}.carousel__mobile-link-icon:hover{color:#a5a5a5}.carousel__mobile-text h6{color:#000;text-transform:uppercase;margin-bottom:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:700}.projects-carousel{padding:10px}.projects-section .section-header__container{width:100%}.projects-section .section-header__content{width:100px;padding:10px}.projects-section .section-header__content h4{font-weight:400;font-family:var(--font-family-primary);text-transform:uppercase;letter-spacing:10px;color:var(--text-color);cursor:default;margin-bottom:0;font-family:sans-serif;font-size:25px;line-height:25px;transition:all .2s ease-in-out;display:inline-block;position:relative}.projects-section .section-header__content h4:after{content:"";background-color:var(--text-color);transform-origin:100% 100%;width:100%;height:2px;transition:transform .25s ease-out;position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.projects-section .section-header__content h4:hover:after{transform-origin:0 100%;transform:scaleX(1)}.projects-section{flex-direction:column;justify-content:center;align-items:center;height:500px;padding:10px;display:flex}@media (width<=768px){.projects-section{height:500px}}.contact-section .section-header__container{width:100%}.contact-section .section-header__content{width:100px;padding:10px}.contact-section .section-header__content h4{font-weight:400;font-family:var(--font-family-primary);text-transform:uppercase;letter-spacing:10px;color:var(--text-color);cursor:default;margin-bottom:0;font-family:sans-serif;font-size:25px;line-height:25px;transition:all .2s ease-in-out;display:inline-block;position:relative}.contact-section .section-header__content h4:after{content:"";background-color:var(--text-color);transform-origin:100% 100%;width:100%;height:2px;transition:transform .25s ease-out;position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.contact-section .section-header__content h4:hover:after{transform-origin:0 100%;transform:scaleX(1)}.contact-section{height:300px;padding:10px;font-family:system-ui,Segoe UI,Roboto,sans-serif}.contact-section__container{background-color:var(--surface-level-one);border-radius:5px;flex-direction:row;justify-content:center;align-items:flex-start;gap:20px;padding:10px;display:flex}.contact-section__container .cal-button{text-transform:uppercase;color:#222;letter-spacing:2px;cursor:pointer;background:0 0;border:3px solid #222;justify-content:center;align-items:center;padding:10px 20px;font-family:sans-serif;font-size:16px;text-decoration:none;transition:all .5s;display:flex;position:relative;overflow:hidden}.contact-section__container .cal-button:hover{color:#fff;background-color:#f44336}.contact-section__container .cal-button:hover:before{transform:translate(100%)rotate(45deg)}.contact-section__container .cal-button:before{content:"";background-color:#fff;width:100%;height:50px;transition:all .5s;position:absolute;top:0;left:0;transform:translate(-100%)rotate(45deg)}.contact-section__container p{text-align:left;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-weight:500;line-height:28px}.contact-section__heading{letter-spacing:10px;text-transform:uppercase;margin-top:0;margin-bottom:5px;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:25px;font-weight:400}.contact-section__subheading{text-transform:uppercase;letter-spacing:8px;margin:10px 0;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:300}.contact-section__text{flex-direction:column;justify-content:flex-start;align-items:center;max-width:500px;display:flex}@media (width<=768px){.contact-section{height:325px}.contact-section__container{flex-direction:column;height:220px;display:flex}.contact-section__container p{font-size:13px;line-height:20px}.contact-section__heading{font-size:20px}.contact-section__subheading{font-size:15px}}html[data-theme=dark]{--background-color:#0e131a;--text-color:#fff;--text-color-hover:#e6e6e6;--primary-color:#1e88e5;--secondary-color:#4caf50;--font-family-primary:system-ui, Segoe UI, Roboto, sans-serif;--cube-color:#f5f5f5;--header-background:#f5f5f5;--surface-level-one:#2f343c;--toggle-switch-colour:#fff}html[data-theme=light]{--background-color:#f5f5f5;--text-color:#000;--text-color-hover:#666;--primary-color:#2196f3;--secondary-color:#8bc34a;--font-family-primary:system-ui, Segoe UI, Roboto, sans-serif;--cube-color:#0e131a;--header-background:#00000047;--surface-level-one:#dedede;--toggle-switch-colour:#999898}.footer-section{height:110px;padding:10px}.footer-section__container{background-color:var(--surface-level-one);border-radius:5px;flex-direction:row;justify-content:space-between;align-items:center;padding:10px;display:flex}.footer-section__container p{text-align:right;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-weight:500}.footer-section__heading{text-transform:uppercase;margin-top:0;margin-bottom:5px;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-weight:700}.footer-section__socials{flex-direction:row;display:flex}.footer-section__socials .github-icon,.footer-section__socials .linkedin-icon{cursor:pointer;width:50px;height:50px;transition:all .2s ease-in-out}.footer-section__socials .github-icon:hover{fill:#909692}.footer-section__socials .linkedin-icon:hover{fill:#0077b5}@media (width<=640px){.footer-section__container{height:110px;padding:0 10px}.footer-section__copyright p{font-size:11px}.footer-section__socials .github-icon,.footer-section__socials .linkedin-icon{width:28px;height:28px}}