:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--primary-background-color:#fff;--secondary-background-color:#161616;--tertiary-background-color:#f7f7f7;--primary-text-color:#161616;--secondary-text-color:#161616;--primary-border-color:#161616;--button-solid-background-color:#161616;--button-solid-text-color:#f7f7f7;--button-outlined-background-color:#0000;--button-outlined-text-color:#161616;--link-color:#161616}*{box-sizing:border-box;margin:0;padding:0}body{height:100vh}body,html{background-color:#fff;overflow:hidden}html{height:100%}button{background-color:initial;border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.resume h2{margin-bottom:.5rem;margin-top:1rem;padding:.5rem 0 .25rem}.resume h3{border-bottom:none;font-size:1.2rem;margin:.5rem 0 .25rem;padding:0;text-align:left}.resume p{margin:.25rem 0;padding:.125rem 0}.resume ul{margin:.25rem 0;padding:.25rem 0}.widthBig{@media only screen and (max-width:600px){width:80%}@media only screen and (min-width:600px){width:500px}@media only screen and (min-width:900px){width:600px}@media only screen and (min-width:1100px){width:700px}}.flexCol{display:flex;flex-direction:column}.flexRow{display:flex;flex-direction:row}.justifySpaceBetween{justify-content:space-between}.alignCenter{align-items:center}.alignTop{align-items:flex-start}.pad2{padding:2rem}.nobold{font-weight:400}#app{background-color:#fff;background-color:var(--primary-background-color);border:1px solid #161616;border:1px solid var(--primary-border-color);box-sizing:border-box;color:#161616;color:var(--primary-text-color);display:flex;flex-direction:column;height:calc(100vh - 4rem);margin:2rem auto;max-height:calc(100vh - 4rem);max-width:8.5in;overflow-y:auto;padding:0 2rem 2rem;scrollbar-color:#161616 #f7f7f7;scrollbar-color:var(--secondary-background-color) var(--tertiary-background-color);scrollbar-width:thin;text-transform:lowercase;width:100%}#app svg{display:inline-block;text-transform:none;vertical-align:middle}.normal-layout{display:flex;flex-direction:column;width:100%}a{color:#161616;color:var(--link-color)}.noLink,a{text-decoration:none}.noLink{color:#161616;color:var(--primary-text-color);:hover{cursor:pointer}}h1{font-size:2.5rem;margin:1rem 0;padding:.5rem 0}h1,h2{break-inside:avoid;color:#161616;color:var(--primary-text-color);font-family:Outfit,serif;font-weight:400;letter-spacing:normal;page-break-inside:avoid;text-transform:lowercase}h2{font-size:2rem;margin:1.5rem 0 1rem;padding:1rem 0 .75rem;text-align:left}h3{font-size:2rem;font-weight:400;text-align:center}h3,h4{border-bottom:1px solid #161616;border-bottom:1px solid var(--primary-border-color);color:#161616;color:var(--primary-text-color);font-family:Outfit,serif;margin:1rem 0;padding:.75rem 0}h4{font-size:1.25rem}h5{font-size:1.5rem}h5,h6{border-bottom:1px solid #161616;border-bottom:1px solid var(--primary-border-color);color:#161616;color:var(--primary-text-color);font-family:Outfit,serif;margin:1rem 0;padding:.75rem 0}h6{font-size:1.25rem}p{color:#161616;color:var(--primary-text-color);font-family:Outfit,sans-serif;font-size:1.2rem;margin:.5rem 0;padding:.25rem 0}ul{margin:.75rem 0;padding:.5rem 0}p.small,ul{font-size:1rem}p.extraSmall,p.small,ul{color:#161616;color:var(--primary-text-color);font-family:Outfit,sans-serif}p.extraSmall{font-size:.8rem}p.medium{font-size:1.4rem}p.large,p.medium{color:#161616;color:var(--primary-text-color);font-family:Outfit,sans-serif}p.large{font-size:1.6rem}@media only screen and (max-width:900px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.resume h3{font-size:1.1rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6,p{font-size:1rem}p.small,ul{font-size:.8rem}p.extraSmall{font-size:.65rem}p.medium{font-size:1.2rem}p.large{font-size:1.4rem}}[class*=section]{border-bottom:1px solid #161616!important;border-bottom:1px solid var(--primary-border-color)!important;margin-bottom:2.5rem;padding:2rem 0 2.5rem}.italic{font-style:italic}.normal-italic{font-style:normal}.navbar{background-color:#fff;border-bottom:2px solid var(--primary-border-color);display:flex;justify-content:center;margin-bottom:1rem;padding:1.5rem 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.navbar-content{align-self:center;justify-content:space-between}.navbar-content,.profile-part{align-items:center;display:flex}.profile-part{gap:1rem}.profile-picture{height:40px;object-fit:cover;width:40px}.nav-links{gap:2rem}.nav-link,.nav-links{align-items:center;display:flex}.nav-link{background:none;border:none;cursor:pointer;flex-direction:column;font-size:1.2rem;height:40px;justify-content:center;padding:0;position:relative;text-decoration:none;width:40px}.nav-link,.nav-link span{color:var(--primary-text-color)}.nav-link span{bottom:-10px;font-family:Outfit,sans-serif;font-size:.8rem;opacity:0;pointer-events:none;position:absolute;white-space:nowrap}.nav-link:hover span{opacity:1}@media only screen and (max-width:600px){.navbar{margin-top:1rem}.nav-links{gap:1rem}.nav-link{font-size:1rem}}@media only screen and (max-width:500px){.displayNone{display:none}}.hero-section{align-items:flex-start;background:#fff;border:none;display:flex;flex-direction:column;justify-content:center;margin-bottom:2.5rem;padding:2rem 0 2.5rem;width:100%}@media only screen and (max-width:800px){.flexRowChange{display:flex;flex-direction:column;gap:1rem}}@media only screen and (min-width:800px){.flexRowChange{display:flex;flex-direction:row}}.hero-section h2{@media only screen and (max-width:600px){text-align:center}}.hero-section .widthBig{border:none;padding:1rem 0;width:100%}.hero-section h1,.hero-section p{border:none;margin:.75rem 0;padding:.5rem 0}.hero-img{height:500px;width:500px}@media only screen and (max-width:800px){.hero-img{height:250px;width:250px}}.gapChange{gap:0;@media only screen and (max-width:800px){gap:0;justify-content:space-between}}.gapChangeSmall{gap:1rem;padding-left:1rem;@media only screen and (max-width:800px){gap:1rem;padding-left:1rem}@media only screen and (max-width:500px){gap:.75rem;padding-left:.75rem}}:root{--radial-gradient-background:226,193,255;--solid-color-background:0,0,0;--overlay-color:201,184,255}.radial-gradient{background:radial-gradient(circle at 50% 0,#e2c1ff0d 0,#0000 60%) #000;background:radial-gradient(circle at 50% 0,rgba(var(--radial-gradient-background),.05) 0,#0000 60%) rgba(var(--solid-color-background),1)}.linear-mask{mask-image:linear-gradient(-75deg,#fff calc(var(--x) + 20%),#0000 calc(var(--x) + 30%),#fff calc(var(--x) + 100%));-webkit-mask-image:linear-gradient(-75deg,#fff calc(var(--x) + 20%),#0000 calc(var(--x) + 30%),#fff calc(var(--x) + 100%))}.linear-overlay{background-image:linear-gradient(-75deg,#c9b8ff1a calc(var(--x) + 20%),#c9b8ff80 calc(var(--x) + 25%),#c9b8ff1a calc(var(--x) + 100%));background-image:linear-gradient(-75deg,rgba(var(--overlay-color),.1) calc(var(--x) + 20%),rgba(var(--overlay-color),.5) calc(var(--x) + 25%),rgba(var(--overlay-color),.1) calc(var(--x) + 100%));mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask-composite:exclude;-webkit-mask-composite:xor}.experiences-section{align-items:flex-start;background:#fff;border:none;border-bottom:1px solid var(--primary-border-color);display:flex;flex-direction:column;justify-content:center;margin-bottom:1rem!important;padding:1rem 0!important;width:100%}.experiences-section h1{border:none;margin:0;padding:0}.experiences-section .widthBig{border:none;padding:0;width:100%}.experiences-section h2{border:none;margin:0;padding:0}.experiences-section h5{border:none;border-bottom:1px solid var(--primary-border-color)!important;margin:.25rem 0;padding:0}.experiences-section li,.experiences-section p{border:none;margin:.25rem 0;padding:0}.experiences-list{gap:1rem;padding:0;width:100%}.experience-item{border-bottom:1px solid var(--primary-border-color);break-inside:avoid;margin-bottom:.75rem;padding:.5rem 0 .75rem;page-break-inside:avoid}.experience-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.experience-header{align-items:flex-start;display:flex;gap:.5rem;margin-bottom:.5rem;padding:0}.experience-icon{font-size:1.5rem;line-height:1}.experience-header h5{border-bottom:1px solid var(--primary-border-color);font-weight:400;margin:0 0 .25rem;padding-bottom:.5rem}.experience-label{color:var(--primary-text-color);font-size:1.1rem;font-weight:400;margin:0 0 .25rem}.experience-date{color:var(--primary-text-color);font-style:italic;margin:0}.experience-description{margin:.5rem 0 0;padding-left:2rem;padding-top:.25rem}.experience-description li{line-height:1.5;margin-bottom:.5rem;padding:0}@media only screen and (max-width:600px){.experience-description{padding-left:1rem}.experience-header{flex-direction:column;gap:.25rem}}.listening-section{align-items:center;border:none;border-bottom:1px solid var(--primary-border-color);flex-direction:column;overflow:hidden;padding:2rem 0 2.5rem;position:relative}.listening-card-wrapper,.listening-section{background:#fff;display:flex;justify-content:center;width:100%}.listening-card-wrapper{break-inside:avoid;max-width:100%;page-break-inside:avoid;@media only screen and (max-width:600px){padding-bottom:1rem;padding-left:1rem;padding-right:1rem;padding-top:1rem}}.listening-card{border:none;border:1px solid var(--primary-border-color);justify-content:flex-start;padding:2rem 1.5rem 1.5rem;@media only screen and (max-width:600px){padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}}.listening-section h2{border:none;border-bottom:none!important;margin:0;padding:1rem 0;text-align:center;width:100%;@media only screen and (max-width:600px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;padding-bottom:.75rem;padding-left:0;padding-right:0;padding-top:.75rem}}.listening-section h4{border:none;font-weight:400;margin:.75rem 0;padding:.5rem 0;text-align:center}.listening-section p{border:none;font-weight:300;margin:.5rem 0;padding:.25rem 0;text-align:center}.noot{color:var(--primary-text-color);display:none;font-size:2rem;position:absolute}.noot.playing{display:block}.noot-1{animation-delay:1.5s;left:85%;top:40%}.noot-2{animation-delay:.8s;left:50%;top:25%}.noot-3{animation-delay:.5s;left:30%;top:50%}.noot-4{animation-delay:1.5s;left:10%;top:80%}.noot-5{animation-delay:.3s;left:75%;top:15%}.noot-6{animation-delay:.7s;left:10%;top:35%}.noot-7{animation-delay:1.2s;left:40%;top:60%}.noot-8{animation-delay:.6s;left:65%;top:80%}.noot-9{animation-delay:1.8s;left:5%;top:20%}.noot-10{animation-delay:1.1s;left:55%;top:40%}.clickMe{background-color:var(--primary-background-color);color:#f7f7f7;font-family:Outfit,sans-serif;height:50px;left:0;position:absolute;top:0;transform:rotate(-29deg);width:75px;z-index:5}.vinyl-player{align-self:flex-start;margin:auto;transform:rotate(9deg);width:100px}.vinyl-player,.vinyl-player-big{cursor:pointer;position:relative}.vinyl-player-big{transform:rotate(29deg);width:230px}.vinyl,.vinyl-big{background:radial-gradient(circle,#000 60%,#282828 90%);border:1px solid #282828;border-radius:50%;height:70px;overflow:hidden;position:relative;width:70px}.vinyl-big{height:200px;width:200px}.vinyl-big:before,.vinyl:before{background-color:#999;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;z-index:2}.vinyl-big:before{height:32px;width:32px}.vinyl-big:after,.vinyl:after{background:linear-gradient(to bottom right,#0003,#fff3,#0003) no-repeat 0 0,linear-gradient(to bottom left,#000000b3,#ffffff0d,#000000b3) no-repeat 0 0;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.tonearm,.tonearm-big{background-color:#626262;border-radius:5px;height:6px;position:absolute;right:-25px;top:5%;transform:rotate(80deg);transform-origin:top left;width:40px;z-index:3}.tonearm-big{height:8px;right:-55px;top:0;transform:rotate(60deg);width:100px}.tonearm-big:before,.tonearm:before{background-color:#787878;border-radius:50%;content:"";height:10px;position:absolute;right:-6px;top:-2px;width:10px}.tonearm-big:before{height:16px;top:-4px;width:16px}.tonearm.playing{transform:rotate(120deg)}.tonearm-big.playing{transform:rotate(100deg)}.projects-section{align-items:flex-start;background:#fff;border:none;border-bottom:1px solid var(--primary-border-color);display:flex;flex-direction:column;justify-content:center;width:100%}.projects-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin:1.5rem 0;padding:1rem 0;width:100%}.project-card{border:1px solid var(--primary-border-color);break-inside:avoid;display:flex;flex-direction:column;gap:0;margin-bottom:0;overflow:hidden;padding:0;page-break-inside:avoid;position:relative}.projImage{background-color:#fff;border:none;border-bottom:1px solid var(--primary-border-color);display:block;height:100%;min-height:200px;object-fit:cover;width:100%;@media only screen and (max-width:800px){min-height:150px}}.project-content{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.project-title{font-size:1.5rem;font-weight:400;margin:0;padding:.25rem 0}.project-title a{color:var(--primary-text-color);text-decoration:none}.project-description{line-height:1.5;margin:0;padding:.25rem 0}.project-description,.project-link{color:var(--primary-text-color);font-size:1rem}.project-link{font-family:Outfit,sans-serif;margin-top:.25rem;text-decoration:underline}.projects-section .widthBig{border:none;padding:1rem 0;width:100%}.projects-section h2{border:none;margin:.75rem 0;padding:.5rem 0}.projects-section p{border:none;margin:.25rem 0;padding:.25rem 0}@media only screen and (max-width:800px){.projects-list{grid-template-columns:1fr;grid-template-rows:auto}}.skills-section{align-items:center;background:#fff;border:none;border-bottom:1px solid var(--primary-border-color);display:flex;flex-direction:column;justify-content:center;width:100%}.skills-section p{border:none;margin:.5rem 0;padding:0;text-align:center}.skills-section .widthBig{align-items:center;border:none;display:flex;flex-direction:column;padding:1rem 0;width:100%}.skills-section h2{border:none;margin:0;padding:0;text-align:center;width:100%}.skills-section h4{border:none;border-bottom:1px solid var(--primary-border-color);font-weight:400;margin:1rem 0;padding:.75rem 0}.skills-cards-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0;padding:1rem 0;@media only screen and (max-width:800px){flex-direction:column;gap:.5rem;margin-bottom:1rem;margin-left:0;margin-right:0;margin-top:1rem}}.skill-card{border:1px solid var(--primary-border-color);break-inside:avoid;flex:1 1;margin-bottom:.75rem;max-width:100%;min-width:200px;padding:1.5rem 3.5rem;page-break-inside:avoid;position:relative;@media only screen and (max-width:800px){max-width:none;min-width:0;min-width:auto;padding-bottom:1.5rem;padding-left:2.5rem;padding-right:2.5rem;padding-top:1.5rem}}.certCard{padding:1.5rem;text-align:center;width:100%}.certCard a{justify-content:center}.certCard p,.skill-card h4{text-align:center}.skill-card h4{font-weight:400;margin-bottom:1rem;@media only screen and (max-width:800px){margin-bottom:.8rem}}.skill-card p{color:var(--primary-text-color);margin-bottom:2rem;text-align:center;@media only screen and (max-width:800px){margin-bottom:1.5rem}}.skillBlock{border:none;gap:.5rem;padding:.2rem .4rem;position:relative;@media only screen and (max-width:600px){margin-bottom:.1rem;margin-left:.2rem;margin-right:.2rem;margin-top:.1rem;padding-bottom:.2rem;padding-left:.3rem;padding-right:.3rem;padding-top:.2rem}@media only screen and (max-width:800px){margin-bottom:.1rem;margin-left:.2rem;margin-right:.2rem;margin-top:.1rem;padding-bottom:.2rem;padding-left:.3rem;padding-right:.3rem;padding-top:.2rem}}.skill-name{background:#fff;border:1px solid var(--primary-border-color);color:var(--primary-text-color);margin-top:.5rem;opacity:0;padding:.3rem .6rem;top:100%;transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:10;@media only screen and (max-width:800px){padding-bottom:.2rem;padding-left:.4rem;padding-right:.4rem;padding-top:.2rem}}.skill-name,.skill-name:before{left:50%;position:absolute;transform:translateX(-50%)}.skill-name:before{border-color:#0000 #0000 var(--primary-border-color) #0000;border-style:solid;border-width:5px;bottom:100%;content:""}.skillBlock:hover .skill-name{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.certifications-container{align-items:center;display:flex;flex-direction:column;margin-top:3rem;max-width:1200px;padding:1.5rem 0;width:100%;@media only screen and (max-width:800px){padding-bottom:1.5rem;padding-left:1rem;padding-right:1rem;padding-top:1.5rem}}.certifications-container h4{font-weight:400;margin-bottom:1.5rem;text-align:center;@media only screen and (max-width:800px){margin-bottom:1rem}}.cardContainer{background:#fff;border:1px solid var(--primary-border-color);padding:0 1rem}.certImg{height:70px;margin-bottom:.5rem;@media only screen and (max-width:800px){height:50px}}.certContainer:hover{cursor:pointer}.certifications-container ul,.skill-card ul{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;@media only screen and (max-width:800px){gap:.75rem}}@media only screen and (max-width:480px){.skills-section{padding:2rem 0}.skill-card p{margin-bottom:1.2rem}.skillBlock{margin:.1rem .2rem;padding:.2rem .3rem}.skill-name{padding:.15rem .3rem}.certContainer{padding:.8rem}}.contact-section{background:#fff;border-bottom:0 solid var(--primary-border-color)!important;justify-content:center}.contact-section,.contact-section .widthBig{align-items:center;display:flex;flex-direction:column;width:100%}.contact-section .widthBig{border:none;gap:1rem;padding:1rem 0;text-align:center}.contact-section .profile-picture{border:1px solid var(--primary-border-color);height:200px;margin:.5rem 0;object-fit:cover;width:200px}.contact-section h2{margin:0;text-align:center;width:100%}.contact-section h2,.contact-section p{border:none;color:var(--primary-text-color);padding:0}.contact-section p{line-height:1.6;margin:.25rem 0;max-width:100%}.contact-section .flexSB{display:flex;flex-direction:row;gap:2rem;justify-content:center}.contact-section a{color:var(--primary-text-color);text-decoration:none}.contact-section .flexRow{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.contact-section .flexRow a{color:var(--primary-text-color)}.contact-cards{display:flex;flex-direction:row;gap:1rem;justify-content:center;margin:1rem 0;padding:.5rem 0;width:100%}.contact-card{align-items:center;background:#fff;border:1px solid var(--primary-border-color);break-inside:avoid;display:flex;flex:1 1;flex-direction:row;gap:1rem;justify-content:flex-start;margin-bottom:.5rem;max-width:100%;min-width:0;padding:1.5rem;page-break-inside:avoid;text-align:left}.contact-icon{color:var(--primary-text-color);flex-shrink:0;font-size:2rem;margin-bottom:0}.contact-text{display:flex;flex-direction:column;gap:0;text-align:left}.contact-text p{margin:0;text-align:left}.contact-card h3{color:var(--primary-text-color);margin:.5rem 0}.contact-card a{color:var(--primary-text-color);font-size:.9rem;text-decoration:none;word-break:break-all}@media only screen and (max-width:800px){.contact-section{padding:.5rem 0}.contact-section .profile-picture{height:150px;width:150px}.contact-cards{flex-direction:column;gap:.5rem}.contact-card{flex:none;max-width:100%;min-width:0;min-width:auto}.contact-card .contact-icon{font-size:1.5rem}.contact-text .bold,.contact-text .small{margin:0}}
/*# sourceMappingURL=main.dd53c076.css.map*/