@import url(https://fonts.googleapis.com/css2?family=Sofia+Sans:wght@100;300;400&display=swap);:root{--primary-light:rgba(52,211,153,.1);--primary:#10b981;--white:#fff;--black:#18181b;--greyLightBg:#f9fafb;--greyLight:#e5e7eb;--greyDark:#a1a1aa;--nonActive:#ffc300;--nonActiveLighter:adjust-color(#ffc300,$lightness:-10%)}html::selection{background-color:#10b981;background-color:var(--primary);color:#fff;color:var(--white)}h1{font-size:3rem;line-height:5rem;margin:0}.heading,h1,h2{font-weight:400}.heading,h2{font-size:2rem}.para,h3{font-size:1.4rem;font-weight:400;margin:0}.para{color:#a1a1aa;color:var(--greyDark);margin:2rem 0}h4{color:#18181b;color:var(--black);font-size:1.15rem;line-height:normal;margin:0}.accent-colour{color:#10b981;color:var(--primary)}.black{color:#18181b;color:var(--black)}.timeline-container{font-family:Sofia Sans,sans-serif}.tile-text{color:#a1a1aa;color:var(--greyDark);font-weight:400;line-height:1.5rem}#intro-container{margin:2rem 0;position:relative}#intro-container #current-status{align-items:center;display:flex;gap:.25rem;justify-content:center}#intro-container #current-status.pill{position:absolute;right:0;top:0}#intro-container #current-status.pill:hover{background-color:#d5f2e8;color:#0c8a60}#intro-container #current-status #pill-emoji{font-size:1.25rem}#intro-container p{margin:1rem 0}#intro-container #profile-description{line-height:3rem}.contact-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}#profile-pic img{border:3px solid #e5e7eb;border:3px solid var(--greyLight);border-radius:50%;height:8rem;margin-bottom:1rem;padding:4px;transition:border-color .3s ease,border-width .3s ease}#profile-pic.active img:hover{border:3px solid #18181b;border:3px solid var(--black)}#bounce-text{display:inline-flex}.letter{-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite}#bounce-text span:first-of-type{-webkit-animation-delay:.1s;animation-delay:.1s}#bounce-text span:nth-of-type(2){-webkit-animation-delay:.2s;animation-delay:.2s}#bounce-text span:nth-of-type(3){-webkit-animation-delay:.3s;animation-delay:.3s}#bounce-text span:nth-of-type(4){-webkit-animation-delay:.4s;animation-delay:.4s}#bounce-text span:nth-of-type(5){-webkit-animation-delay:.5s;animation-delay:.5s}#bounce-text span:nth-of-type(6){-webkit-animation-delay:.6s;animation-delay:.6s}#bounce-text span:nth-of-type(7){-webkit-animation-delay:.7s;animation-delay:.7s}#bounce-text span:nth-of-type(8){-webkit-animation-delay:.8s;animation-delay:.8s}section{margin-top:4rem}@media screen and (min-width:600px){section{margin-top:6rem}}section #portfolio-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}section .portfolio-item{background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--greyLight);border-radius:25px;overflow:hidden;transition:all .1s ease}section .portfolio-item.tile-large{display:grid;grid-template-columns:1fr}section .portfolio-item.tile-small{display:grid;justify-content:center;margin:0}section .portfolio-item .tile-centre{display:flex;flex:wrap 1;flex-direction:column;justify-content:center;padding:2rem}section .portfolio-item .tile-right{align-items:center;display:grid;margin:0 0 2rem;padding-right:20px}section .portfolio-item .tile-left{align-items:center;display:grid;justify-content:start;margin:0 0 2rem}section .portfolio-item .tile-vertical{padding:2rem}section .portfolio-item #image-container{display:grid;justify-content:center}section .portfolio-item #first-screen{border-radius:5px;box-shadow:0 10px 10px 0 rgba(0,0,0,.25);-webkit-filter:drop-shadow(15px 10px 4px rgba(0,0,0,.15));filter:drop-shadow(15px 10px 4px rgba(0,0,0,.15));margin-inline:auto;-webkit-transform:perspective(1000px) rotateX(.810895deg) rotateY(10deg) scaleX(1) translateX(40px);transform:perspective(1000px) rotateX(.810895deg) rotateY(10deg) scaleX(1) translateX(40px);transition:-webkit-transform .1s cubic-bezier(0,.1,1,1);transition:transform .1s cubic-bezier(0,.1,1,1);transition:transform .1s cubic-bezier(0,.1,1,1),-webkit-transform .1s cubic-bezier(0,.1,1,1);width:100%}@media screen and (min-width:600px){section .portfolio-item #first-screen{max-height:80%;-webkit-transform:perspective(1000px) rotateX(.810895deg) rotateY(10deg) scaleX(1) translateX(40px);transform:perspective(1000px) rotateX(.810895deg) rotateY(10deg) scaleX(1) translateX(40px);width:150%}}section .portfolio-item #second-screen{-webkit-filter:drop-shadow(15px 10px 4px rgba(0,0,0,.15));filter:drop-shadow(15px 10px 4px rgba(0,0,0,.15));justify-content:center;margin:0;max-height:16rem;transition:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in}@media screen and (min-width:600px){section .portfolio-item #second-screen{-webkit-transform:matrix3d(.999992,-.00110315,.00384755,-.0000038476,0,.961269,.275611,-.000275611,-.00400257,-.275608,.961262,-.000961262,0,0,0,1) translateY(30px);transform:matrix3d(.999992,-.00110315,.00384755,-.0000038476,0,.961269,.275611,-.000275611,-.00400257,-.275608,.961262,-.000961262,0,0,0,1) translateY(30px)}}section .portfolio-item #last-screen{border-radius:5px;box-shadow:0 10px 10px 0 rgba(0,0,0,.25);margin-inline:auto;-webkit-transform:perspective(1000px) rotateX(-.810895deg) rotateY(-10deg) scaleX(1) translateX(-20px) translateY(30px);transform:perspective(1000px) rotateX(-.810895deg) rotateY(-10deg) scaleX(1) translateX(-20px) translateY(30px);transition:-webkit-transform .1s cubic-bezier(.1,.15,1,1);transition:transform .1s cubic-bezier(.1,.15,1,1);transition:transform .1s cubic-bezier(.1,.15,1,1),-webkit-transform .1s cubic-bezier(.1,.15,1,1);width:100%}@media screen and (min-width:600px){section .portfolio-item #last-screen{max-height:80%;-webkit-transform:perspective(1000px) rotateX(-.810895deg) rotateY(-10deg) scaleX(1) translateX(-200px);transform:perspective(1000px) rotateX(-.810895deg) rotateY(-10deg) scaleX(1) translateX(-200px);width:150%}}section .portfolio-item:hover{box-shadow:0 4px 16px rgba(17,17,26,.05),0 8px 32px rgba(17,17,26,.05);cursor:pointer;outline:3px solid #e5e7eb;outline:3px solid var(--greyLight)}@media(hover:hover)and (pointer:fine)and (min-width:600px){section a:hover #first-screen{-webkit-transform:perspective(1000px) rotateX(.810895deg) rotateY(-10deg) scaleX(1);transform:perspective(1000px) rotateX(.810895deg) rotateY(-10deg) scaleX(1)}}section a:hover #second-screen{-webkit-transform:none;transform:none}@media(hover:hover)and (pointer:fine)and (min-width:600px){section a:hover #last-screen{-webkit-transform:perspective(1000px) rotateX(-.810895deg) rotateY(10deg) scaleX(1) translateX(-160px);transform:perspective(1000px) rotateX(-.810895deg) rotateY(10deg) scaleX(1) translateX(-160px)}}section #timeline-container{margin-top:2rem}section .timeline-container{cursor:pointer}section .timeline-container:hover{color:#10b981;color:var(--primary)}section .timeline-container .timeline-item-name{display:flex;justify-content:space-between}section .timeline-container .timeline-item-description{margin:1rem 0}section .timelinedot{background-color:#10b981;background-color:var(--primary)}section #thanks-container{background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--greyLight);border-radius:25px;gap:2rem;margin-bottom:4rem;padding:2rem 2rem 0}section #thanks-container #thanks-contact{display:flex;gap:1rem}.two-col-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem;margin-top:4rem}@media screen and (min-width:600px){.two-col-content{margin-top:6rem}}.mac-window{border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.2);overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.title-bar{align-items:center;background:#ececec;display:flex;gap:8px;height:28px;padding:0 10px}.title-bar span{border-radius:50%;display:inline-block;height:12px;width:12px}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.mac-window img,.mac-window video{display:block}.two-col-content .mac-window img:first-of-type{width:100%}@media screen and (min-width:1024px){.two-col-content .mac-window img:first-of-type{height:28.25rem;max-width:46rem;object-fit:fill;width:auto}}.two-col-content img:last-of-type{max-height:30rem}@media screen and (min-width:1024px){.two-col-content img:last-of-type{-webkit-filter:drop-shadow(15px 10px 4px rgba(0,0,0,.15));filter:drop-shadow(15px 10px 4px rgba(0,0,0,.15));height:30rem;width:auto}}.recommendations-container{align-items:center;display:flex;flex-direction:column;margin-top:1rem;min-height:22rem;position:relative}.recommendation-card{text-wrap:pretty;max-width:80%;padding:2rem 0;position:relative;text-align:center;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%}.recommendation-card.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.recommendation-card.hidden{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.recommendation-card:before{content:"“";left:-1rem;top:-1rem}.recommendation-card:after,.recommendation-card:before{color:#10b981;color:var(--primary);font-size:6rem;position:absolute}.recommendation-card:after{bottom:-.25rem;content:"”";right:-1rem}.recommendation-text{color:#18181b;color:var(--black);font-size:1.15rem;font-style:italic;font-weight:400;line-height:1.5;margin:1rem 0 1.5rem}.recommendation-author{color:#a1a1aa;color:var(--greyDark);font-size:1.15rem;font-weight:400;margin-top:1rem}.recommendation-dots-container{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.recommendation-dot{background:#e5e7eb;background:var(--greyLight);border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.recommendation-dot:hover{background:#10b981;background:var(--primary);-webkit-transform:scale(1.1);transform:scale(1.1)}.recommendation-dot.active{background:#10b981;background:var(--primary);-webkit-transform:scale(1.2);transform:scale(1.2)}@media(max-width:768px){.recommendations-container{min-height:32rem}.recommendation-card{max-width:90%}.recommendation-author,.recommendation-text{font-size:1rem}.recommendation-quote-mark{font-size:3rem}}footer{font-size:small;margin:2rem 0;text-align:center}#header-about{display:flex;margin-top:3rem}#about-container,#interests-container{line-height:2.5rem}#me-image{display:flex;justify-content:center;margin:1rem -2rem}#me-image #swiss-screen{width:100%}.interest-item{align-items:center;display:flex;gap:1rem;padding:0 1rem}.interest-item .interest-icon{font-size:2rem}.portfolio-hero-container .hero-image{width:100%}.portfolio-copy{line-height:2.5rem}.button{background-color:rgba(52,211,153,.1);background-color:var(--primary-light);border-radius:12px;color:#10b981;color:var(--primary);cursor:pointer;font-size:1.15rem;font-weight:400;padding:.75rem 1rem;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.button:hover{background-color:#d5f2e8;color:#0c8a60;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.icon{margin-right:.75rem}.logo{aspect-ratio:1/1;border-radius:2px;margin-right:.5rem;width:18px}.pill{background-color:rgba(52,211,153,.1);background-color:var(--primary-light);border:3px solid #10b981;border:3px solid var(--primary);border-radius:2rem;color:#10b981;color:var(--primary);font-weight:400;justify-content:center;padding:.75rem}.pill.active{cursor:pointer}.pill.active:hover{background-color:#d5f2e8;color:#0c8a60}.link{background:linear-gradient(90deg,#e5e7eb),linear-gradient(90deg,#18181b);background:linear-gradient(to right,var(--greyLight)),linear-gradient(to right,var(--black));background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% .1em,0 .1em;transition:background-size .2s}.link:hover,a:focus{background-size:0 .1em,100% .1em}.links-container ul{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;list-style-type:none;padding:1rem}.links-container ul li{background-color:rgba(52,211,153,.1);background-color:var(--primary-light);border:3px solid #10b981;border:3px solid var(--primary);border-radius:2rem;color:#10b981;color:var(--primary);display:flex;font-weight:400;padding:.75rem}.pills-container ul{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;list-style-type:none;padding:1rem}@media(max-width:530px){.pills-container ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(140px,max-content))}}.pills-container ul li{background-color:rgba(52,211,153,.1);background-color:var(--primary-light);border:3px solid #10b981;border:3px solid var(--primary);border-radius:2rem;color:#10b981;color:var(--primary);display:flex;font-weight:400;padding:.75rem}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@media only screen and (min-width:600px){h1{font-size:4.5rem}section #portfolio-container{grid-template-columns:1fr}section .portfolio-item.tile-large{align-items:center;grid-template-columns:1fr 1fr;padding:2rem 0}section .portfolio-item .tile-right{align-items:center;margin-bottom:0}#thanks-container{display:flex;flex-direction:row}#thanks-container #profile-pic{align-items:center;justify-content:center}}@media only screen and (min-width:601px)and (max-width:991px){section #portfolio-container{grid-template-columns:1fr;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}section .portfolio-item.tile-large{align-items:center;grid-column:span 2;grid-template-columns:1fr 1fr;padding:0}section .portfolio-item .tile-right{margin:0}}@media only screen and (min-width:992px){#intro-container #profile-description{max-width:70%}#title-container{align-items:center;display:grid;grid-template-columns:1fr 1.5fr}section #portfolio-container{grid-template-columns:1fr;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}section .portfolio-item.tile-large{align-items:center;grid-column:span 2;grid-template-columns:1fr 1fr;padding:0}section .portfolio-item .tile-right{margin:0}section #thanks-container,section .timeline-wrapper{margin:auto;max-width:80%}.portfolio-item.tile-large{grid-column:span 2;grid-template-columns:1fr 1fr}.portfolio-item.tile-right{margin:0}#about-container,#interests-container,#me-image{margin:4rem auto;width:80%}#swiss-screen{border-radius:1rem}}*{box-sizing:border-box}.site-wrapper{margin:0 auto;max-width:1000px}body{background-color:#f9fafb;background-color:var(--greyLightBg);color:#18181b;color:var(--black);font-family:Sofia Sans,sans-serif;font-weight:300;padding:0 1rem}a,a:active,a:hover,a:visited{color:inherit;text-decoration:none}
/*# sourceMappingURL=main.01b68453.css.map*/