@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.pdf-button-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center}.pdf-view-btn{background-color:var(--accent-secondary);color:var(--button-text-color);padding:.8rem 1rem;border-radius:6px;text-decoration:none;font-size:1rem;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.pdf-download-link{color:#fff;text-decoration:none;font-size:.9rem;transition:color .3s ease;margin-left:1rem}.pdf-button-wrapper{flex-direction:row;align-items:flex-end;justify-content:flex-end;width:100%;gap:.5rem}@media only screen and (min-width:900px){.pdf-button-wrapper{width:auto;align-items:center;margin:0 4rem 0 0;padding-right:1rem}.pdf-download-link:hover{color:var(--link-hover-color);text-decoration:underline}.pdf-view-btn:hover{transform:translate(-1px);box-shadow:0 4px 8px #0003;background-color:var(--accent-primary)}}.cookie-consent-banner{position:fixed;bottom:0;left:0;width:100%;padding:1.5rem;background-color:var(--card-bg-color, #1f2937);color:#fff;box-shadow:0 -4px 6px #0000001a;z-index:1000;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;animation:slideUp .3s ease-out;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1))}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-content{max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:1rem}.cookie-title{font-weight:700;font-size:1.1rem;margin-bottom:.25rem}.cookie-text{font-size:.9rem;line-height:1.5;margin:0;max-width:800px}.cookie-actions{display:flex;gap:1rem;flex-wrap:wrap}.cookie-btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem;border:none}.cookie-btn-primary{background-color:var(--accent-primary, #10b981);color:#fff}.cookie-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.cookie-btn-secondary{background-color:transparent;border:2px solid white;color:#fff}.cookie-btn-secondary:hover{background-color:#ffffff1a}@media(min-width:768px){.cookie-content{flex-direction:row;align-items:center;justify-content:space-between}.cookie-actions{flex-shrink:0}}.header-bg{background-size:cover;background-position:center;padding:0;background-color:var(--header-bg-color)}.header-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;height:100%;max-width:1200px;padding:0 1rem;margin:0 auto}.profile{display:flex;flex-direction:column;align-items:flex-start;width:100%}.profile-img{width:75px;height:75px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px #0000001a;display:none}.profile-info{display:flex;flex-direction:column;padding:0;width:100%}.profile-name{font-size:1.2rem;letter-spacing:1px;text-align:left}.profile-name span{color:var(--text-color-quaternary);margin-right:.5rem;font-weight:700}.profile-name:after{content:"";color:var(--accent-primary);width:50%;height:1px;background-color:var(--accent-primary);display:block}.profile-title{display:flex;align-items:center;gap:.5rem}.profile-title a{font-size:1.2rem;color:var(--text-color);font-weight:500;margin:.5rem}.contact-links{display:flex;justify-content:center;align-items:center;width:100%;margin-top:1rem}.contact-links ul{display:flex;flex-direction:row;list-style:none}.contact-links a{font-size:1.5rem;margin:0 .5rem;color:var(--text-color)}.contact-links a:focus-visible,.contact-links a:active{outline:2px solid var(--accent-primary);outline-offset:2px}.colortogglediv{position:absolute;top:10px;right:10px;z-index:10;height:100%}.colortoggle{display:flex;align-items:center;justify-content:center;top:10px;right:10px}.colortoggle button{background:transparent;border:1px solid var(--grey-color);border-radius:8px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--text-color);font-size:1.2rem}.colortoggle button:focus-visible{outline:2px solid var(--green-color);outline-offset:2px}@media only screen and (min-width:600px){.header-content{flex-direction:column;padding:0 2rem;padding:1rem}.profile{display:flex;flex-direction:row;align-items:center;padding:1rem}.profile-img{width:100px;height:100px}.profile-info{display:flex;flex-direction:column;align-items:flex-start;margin-left:2rem}.cv-button{display:flex;flex-direction:column}.profile-name,.profile-title{font-size:1rem}.profile-img{display:block;width:50px;height:50px;transition:width .5s,height .5s}.contact-links{display:flex;justify-content:center;align-items:center}.contact-links li{margin:0 1rem}.contact-links a{font-size:1.6rem}.contact-btn{padding:.5rem 1rem;margin:1rem;font-size:.8rem;transition:padding .5s,font-size .5s}}@media only screen and (min-width:900px){.header-content{max-width:1400px;padding:0;margin:0}.profile-img:hover{transform:rotate(360deg) scale(1.05);transition:transform 2s ease}.profile-name:after{width:100%}.colortoggle button:hover{background-color:var(--card-bg-color);border-color:var(--text-color);transform:scale(1.05);filter:glow(10px)}.cv-button:hover{transform:scale(1.05);color:var(--accent-primary)}.contact-links{margin-top:0}.contact-links a{font-size:1.5rem}.contact-links a:hover{color:var(--accent-primary);transition:scale .3s ease,color .3s ease;transform:scale(1.1)}.colortogglediv{top:20px;right:20px}}.nav-bar{width:100vw;display:flex;justify-content:center;align-items:center;background-color:var(--navbar-bg-color)}.nav-content{width:100%;padding:0 .5rem;margin:0 auto;display:flex;justify-content:space-evenly;align-items:center}.nav-button{border:none;padding:.5rem 1rem;border-radius:2px;margin:.25rem;position:relative;color:var(--text-color);background-color:transparent;font-size:.9rem;font-weight:600;transition:color .26s ease,letter-spacing .26s ease,transform .26s ease;text-decoration:none}.nav-button:after{content:"";position:absolute;left:50%;bottom:-2px;transform:translate(-50%) scaleX(0);transform-origin:center;width:80%;height:3px;background:linear-gradient(to right,var(--button-gradient-start),var(--button-gradient-end));border-radius:2px;transition:transform .3s cubic-bezier(.22,.9,.3,1)}.nav-button.active:after,.nav-button:focus-visible:after{transform:translate(-50%) scaleX(1)}.nav-button.active{color:var(--text-color);font-weight:700;font-size:.9rem;letter-spacing:1px;transform:translateY(-1px)}@media only screen and (min-width:900px){.nav-button:hover{color:var(--accent-primary);letter-spacing:1px;transition:color .26s ease,letter-spacing .26s ease,transform .26s ease}}.portfolio-list{position:relative;max-width:600px;width:90%;margin:2rem auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-card{box-shadow:0 4px 12px #0003;margin:1rem 0;width:100%;max-width:600px;padding:0;background:var(--card-bg-color);transition:transform .22s ease,box-shadow .22s ease;display:flex;flex-direction:column;background-color:var(--portfolio-card-bg-color);border-radius:8px;overflow:hidden;position:relative}.portfolio-image-container{max-width:600px;display:flex;justify-content:center}.portfolio-image-slider .slider-image{width:100%;display:block;aspect-ratio:16 / 9;object-fit:cover;background-color:var(--light-gray)}.portfolio-image-slider{width:100%;padding:1rem}.portfolio-image-container{overflow:hidden;border-radius:8px}.portfolio-image{width:clamp(300px,90%,600px);height:auto;display:block;transition:opacity .3s ease}.project-content{padding:1rem;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.project-text h3{color:var(--project-title-color);font-size:1.5rem;font-weight:800;letter-spacing:1px}.project-text p{color:var(--project-text-color);font-size:1rem;margin:.5rem 0 1rem;flex-grow:1}.project-actions{display:flex;justify-content:space-evenly}.project-actions a{text-decoration:none;font-weight:600;font-size:1rem;color:var(--project-link-color)}.project-pdf-button-wrapper{display:flex;align-items:center;justify-content:center;background-color:var(--project-view-btn);padding:.5rem 1rem;border-radius:4px;cursor:pointer}.github-btn{display:flex;align-items:center;justify-content:center;background-color:var(--project-github-btn);padding:.5rem 1rem;border-radius:4px;cursor:pointer}.github-link{display:flex;align-items:center}.portfolio-nav-btn{position:absolute;top:30%;transform:translateY(-50%);color:var(--accent-secondary);border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:2rem;font-weight:700;transition:background-color .2s ease,opacity .2s ease;z-index:10;opacity:.9}.portfolio-nav-prev{left:0}.portfolio-nav-next{right:0}.portfolio-slider-dots{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem}.portfolio-dot{width:10px;height:10px;border-radius:50%;border:none;background-color:var(--accent-secondary);cursor:pointer;transition:background-color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center}.portfolio-dot.active{background-color:var(--accent-primary);width:12px;height:12px}.portfolio-image-counter{position:absolute;top:10px;right:10px;background-color:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}@media only screen and (min-width:500px){.portfolio-list,.portfolio-image-container{max-width:800px}.portfolio-image-slider{display:flex;flex-direction:column;align-items:center}.project-text{padding:0 1rem;margin:1rem 0}.portfolio-nav-btn{top:50%;font-size:2.2rem}.portfolio-nav-prev{left:10px}.portfolio-nav-next{right:10px}}@media only screen and (min-width:900px){.portfolio-list{margin:2rem auto;max-width:1000px;width:100%;padding:0 2rem;top:auto;display:flex;flex-direction:column-reverse}.project-card{margin:2rem 0;max-width:100%}.project-actions{width:100%;max-width:400px;margin:0 auto}.portfolio-nav-btn{font-size:2.5rem}.portfolio-nav-btn:hover{color:var(--accent-primary);transition:color .2s ease}.project-pdf-button-wrapper:hover{background-color:var(--accent-secondary);transition:background-color .3s ease}.github-btn:hover{background-color:var(--accent-primary);transition:background-color .3s ease}.portfolio-slider-dots{margin-top:2rem}.portfolio-dot:hover{background-color:var(--accent-primary);transition:background-color .7s ease,transform .7s ease}}.layout{width:100%;display:flex;flex-direction:column;min-height:100vh;align-items:stretch;box-sizing:border-box}.modul-list .loading,.modul-list .empty{font-size:.95rem;font-style:italic;grid-column:span 3;padding:1rem;text-align:center}.modul-list .loading{opacity:.95}.modul-list .empty{opacity:.9}main{width:100%;flex:1 0 auto;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}@media only screen and (min-width:500px){.layout{max-width:900px;width:100%}}@media only screen and (min-width:900px){.layout{max-width:1200px;width:100%}}.modul-list{position:absolute;top:400px;max-width:600px;margin:2rem 0;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,auto);gap:1rem;width:95%}.modul-card{box-shadow:0 2px 8px #0000004d;border-radius:8px;min-height:300px;display:flex}.modul-card-education,.modul-card-coding,.modul-card-tools,.modul-card-experience,.modul-card-interests,.modul-card-employment{width:100%}.modul-card-education{color:var(--white-color);flex-direction:column;justify-content:center;flex-wrap:wrap;align-items:center;font-weight:700;background-image:linear-gradient(45deg,var(--purple-color),var(--blue-color),var(--green-color),var(--blue-color),var(--green-color),var(--magenta-color));background-size:600% 100%;-webkit-animation:bg-pan-left 10s infinite both;animation:bg-pan-left 10s infinite both}@-webkit-keyframes bg-pan-left{0%{background-position:100% 50%}50%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes bg-pan-left{0%{background-position:100% 50%}50%{background-position:0% 50%}to{background-position:100% 50%}}.modul-card-education .modul-content-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.modul-card-education .modul-text{text-align:center}.modul-card-education h3{font-size:2rem;font-weight:600}.modul-card-education p{font-size:1rem;font-weight:300}.modul-card-icon{width:100px;height:100px}.modul-card-coding{background-color:var(--card-bg-color-2);color:var(--text-color);align-items:center;padding:1rem}.modul-card-coding h3{font-size:2.5rem;font-weight:800}.modul-card-coding h3:before{content:" ";animation-name:titleChange;animation-iteration-count:infinite;animation-duration:10s}@keyframes titleChange{0%{content:"React"}25%{content:"JavaScript"}50%{content:"TypeScript"}75%{content:"CSS/Sass"}to{content:"HTML"}}.modul-card-coding p{font-size:1rem;font-weight:300}.modul-card-coding .modul-text{display:flex;flex-direction:column-reverse}.modul-card-tools{background-color:#2dcca7;color:#333;display:flex;flex-direction:column;justify-content:space-evenly;padding:1rem;position:relative}.modul-card-tools .modul-text{display:flex;flex-direction:column-reverse}.modul-card-tools .modul-text h3{font-size:2rem;font-weight:600}.tools-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.tool-item{display:flex;flex-direction:column;align-items:center;justify-content:center}.tool-item:focus{transform:scale(1.2);transition:transform .3s ease-in-out;border:none;border-radius:8px;outline:none;background-color:var(--dark-green-color);box-shadow:0 0 8px #0000004d;padding:.3rem 0}.tool-item svg{height:2.5em;width:2.5em;color:var(--white-color)}.modul-card-experience{background-color:var(--oker-color);color:var(--white-color);flex-direction:column;justify-content:center;align-items:center;padding:1rem}.work-experience{text-align:center;width:100%;height:70%}.modul-card-experience .modul-text{margin-left:1rem}.work-item{list-style:none;padding:0;margin:0;position:relative;overflow:hidden}.work-item li{transform:translate(0);animation:fadeInOut 20s linear infinite;animation-fill-mode:forwards;animation-delay:2s;opacity:1;margin-top:1rem;font-size:.85rem}@keyframes fadeInOut{0%{transform:translate(-100%);opacity:0}10%{transform:translate(-50%);opacity:0}25%{transform:translate(0);opacity:1}50%{transform:translate(0);opacity:1}75%{transform:translate(0);opacity:1}90%{transform:translate(50%);opacity:0}to{transform:translate(100%);opacity:0}}.modul-card-interests{flex-direction:column;justify-content:flex-end;align-items:center;position:relative;padding:0;overflow:hidden}.modul-card-interests .modul-content-wrapper{display:flex;justify-content:center;align-items:flex-end;width:100%;height:100%}.modul-card-interests .modul-text{position:absolute;width:100%;padding:.8rem;letter-spacing:2px;border-radius:0 0 8px 8px;background-color:#00000089;color:var(--white-color)}.modul-card-interests .modul-text h3{font-size:2rem;font-weight:600}.modul-card-interests .modul-text p{font-size:1rem;font-weight:400}.interest-images-list{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.interest-image{width:100%;height:auto;object-fit:cover;border-radius:8px;display:block}.modul-card-employment{background-color:var(--card-bg-color);flex-direction:column;justify-content:flex-start;align-items:stretch;color:var(--white-color);padding:1rem}.modul-card-employment .modul-text{display:none}.employment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;font-size:.85rem}.employment-item strong{font-weight:600;display:block;line-height:1.2}.employment-period{opacity:.75;font-size:.7rem;letter-spacing:.5px}.modul-card-employment .modul-content-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:stretch;height:100%}.employment-item{padding:.4rem 0;border-bottom:1px solid var(--accent-secondary)}.employment-item:last-child{border-bottom:none;padding-bottom:0}.employment-tagline{font-size:.8rem;font-style:italic;text-align:center;display:flex;flex-direction:column;align-items:center;color:var(--white-color);animation:flip 5s ease-in-out infinite}.employment-tagline svg{color:var(--accent-secondary);width:2em;height:auto}@keyframes flip{0%,85%,to{-webkit-transform:translateX(0);transform:translate(0)}2%{-webkit-transform:translateX(-10px);transform:translate(-10px)}4%{-webkit-transform:translateX(10px);transform:translate(10px)}6%{-webkit-transform:translateX(-8px);transform:translate(-8px)}8%{-webkit-transform:translateX(8px);transform:translate(8px)}10%{-webkit-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes flip{0%,85%,to{-webkit-transform:translateX(0);transform:translate(0)}2%{-webkit-transform:translateX(-10px);transform:translate(-10px)}4%{-webkit-transform:translateX(10px);transform:translate(10px)}6%{-webkit-transform:translateX(-8px);transform:translate(-8px)}8%{-webkit-transform:translateX(8px);transform:translate(8px)}10%{-webkit-transform:translateX(0);transform:translate(0)}}.employment-flip{position:relative;perspective:800px;cursor:pointer}.ef-inner{position:relative;width:100%;height:250px;transform-style:preserve-3d;transition:transform .5s}.ef-inner.flipped{transform:rotateY(180deg)}.ef-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:.5rem;backface-visibility:hidden;-webkit-backface-visibility:hidden}.ef-back{transform:rotateY(180deg);overflow-y:auto;background-color:var(--card-bg-color)}.employment-flip:focus-visible{outline:2px solid var(--accent-primary, #4dd);outline-offset:3px}@media only screen and (min-width:768px){.modul-list{grid-template-columns:repeat(2,1fr);max-width:800px}.modul-card-education .modul-text h3{font-size:1rem}.modul-card-icon{width:75px;height:75px}.tool-item svg{height:2em;width:2em}.modul-card-experience .modul-text{font-size:.9rem}.work-experience{height:auto}.work-item li{font-size:.9rem;margin-top:.5rem}.modul-card-interests .modul-text{font-size:1.2rem;padding:.4rem}.employment-tagline{font-size:.9rem;font-weight:500}}@media only screen and (min-width:900px){.modul-list{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,auto);gap:1rem;position:absolute;top:200px;width:100%;max-width:1200px;margin-top:1rem}.modul-card{height:auto}.modul-card-education{grid-column:1;grid-row:2}.modul-card-coding{grid-column:2;grid-row:2}.modul-card-tools{grid-column:3;grid-row:2}.modul-card-experience{grid-column:1;grid-row:3;max-height:400px}.modul-card-interests{grid-column:2;grid-row:3}.modul-card-employment{grid-column:3;grid-row:3}.modul-card-interests .modul-text{font-size:1.6rem;padding:.7rem}.tool-item:hover{transform:scale(1.2);transition:transform .3s ease-in-out}.modul-card-tools .modul-text h3{transition:transform 1s cubic-bezier(.2,.8,.2,1),color .5s ease-in-out}.modul-card-tools:hover .modul-text h3{transform:translateY(-4px);color:#fff;transition:transform 1s cubic-bezier(.22,.8,.3,1),color .5s ease-in-out}.employment-tagline{font-size:1.1rem;width:70%;display:flex;flex-direction:column;align-items:center;animation:flip 5s ease-in-out infinite}}.header-bg.fullscreen{position:fixed;overflow:hidden;top:0;left:0;right:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center;transition:height .7s cubic-bezier(.77,0,.175,1),padding .7s ease-in-out,background-color .5s ease-in-out;will-change:height,padding,background-color}.header-bg.shrink{position:fixed;top:0;left:0;right:0;width:100vw;height:300px;z-index:1000;transition:height .8s cubic-bezier(.77,0,.175,1),padding .7s;padding:0;display:flex;align-items:center}.header-bg.normal{position:static;top:0;left:0;right:0;width:100vw;height:300px;transition:none;display:flex;flex-direction:column;justify-content:center;align-items:center}.intro-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;text-align:center;width:clamp(280px,90vw,600px);position:relative}@property --border-angle{syntax: "<angle>"; inherits: true; initial-value: 0turn;}.intro-btn{position:relative;margin:2rem;padding:1rem 2rem;font-size:1rem;letter-spacing:2px;border-radius:8px;color:var(--intro-btn);cursor:pointer;background:var(--white-opacity40);border:none;overflow:hidden;animation:btn-reveal 3s ease forwards}.intro-btn:before{content:"";position:absolute;inset:0;border-radius:8px;padding:2px;--gradient-border: conic-gradient( from var(--border-angle), transparent 25%, #fff, #EDB458 99%, transparent );background:var(--gradient-border);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:bg-spin 3s linear infinite}.intro-btn:hover:before{animation-play-state:paused}@keyframes bg-spin{to{--border-angle: 1turn}}@keyframes btn-reveal{0%,90%{opacity:0}to{opacity:1}}.intro-content h1{animation:title-rise 3s cubic-bezier(.55,.1,.25,1) forwards;will-change:transform,opacity;flex-wrap:wrap;color:var(--intro-btn);border:none;padding:1rem}@keyframes title-rise{0%{opacity:0;transform:translateY(200px)}50%{transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:1}}.header-bg.aurora-drift{--aurora-opacity: 0}.header-bg.fullscreen.aurora-drift{--aurora-opacity: .92}.header-bg.shrink.aurora-drift{--aurora-opacity: .45}.header-bg.normal.aurora-drift{--aurora-opacity: 0}.header-bg.aurora-drift:before,.header-bg.aurora-drift:after{content:"";position:absolute;inset:-12%;pointer-events:none;mix-blend-mode:screen;filter:blur(70px) saturate(140%);opacity:var(--aurora-opacity);will-change:transform,filter,opacity;z-index:0;transition:opacity 1.3s cubic-bezier(.55,.1,.25,1),filter 2s linear}.header-bg.aurora-drift:before{background:radial-gradient(circle at 18% 72%,rgba(10,0,20,.85),transparent 62%),radial-gradient(circle at 78% 32%,rgba(25,140,185,.9),transparent 64%),linear-gradient(300deg,#000,#285a64);animation:auroraDriftA 5s linear infinite,auroraHue 18s linear infinite}.header-bg.aurora-drift:after{background:radial-gradient(circle at 25% 40%,rgba(40,0,70,.75),transparent 60%),radial-gradient(circle at 70% 65%,rgba(15,120,160,.25),transparent 65%),linear-gradient(320deg,#0f0f23,#5a0050);animation:auroraDriftB 28s linear infinite reverse,auroraHue 46s linear infinite reverse;opacity:calc(var(--aurora-opacity) * .82)}.header-bg.normal.aurora-drift:before,.header-bg.normal.aurora-drift:after{transition-duration:2.2s}@keyframes auroraDriftA{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(4%,-3%,0) scale(1.06)}to{transform:translateZ(0) scale(1)}}@keyframes auroraDriftB{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-5%,4%,0) scale(1.07)}to{transform:translateZ(0) scale(1)}}@keyframes auroraHue{0%{filter:hue-rotate(0deg) blur(70px) saturate(140%)}to{filter:hue-rotate(360deg) blur(70px) saturate(140%)}}@media only screen and (min-width:600px){.header-bg.normal,.header-bg.shrink{height:300px}}@media only screen and (min-width:900px){.header-bg.normal,.header-bg.shrink{height:150px}}:root{height:100%;width:100%;font-family:Montserrat,sans-serif;font-weight:400;line-height:1.5;padding:0;margin:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--footer-height: 100px;--light-green-color:#6af7d6;--green-color: #2dcca7;--dark-green-color: #1ea39d;--darkest-green-color-opacity: #0e524f50;--blue-color: #3e91cc;--purple-color: #c472f3;--magenta-color: #b62cbb;--white-color: #ffffff;--white-opacity40: #ffffff40;--black-color: #000000;--black-opacity40: #00000040;--oker-color: #f0a500ff;--spring-contrast: #F28C28;--spring-contrast-2:#EDB458;--spring-green-light: #EBF5DF;--spring-green: #BAD4AA;--spring-green-yellow: #D4D4AAf4;--spring-dark: #0e524f;--twilight-contrast: #ef4f91;--twilight-contrast-2: #c79dd7;--twilight-dark: #11151C;--twilight-medium: #212D40;--twilight-light: #364156;--twilight-pale: #7783B8;--bg-color: var(--spring-green-light);--header-bg-color: var(--spring-green);--navbar-bg-color: var(--spring-green-yellow);--footer-bg-color: var(--spring-dark);--card-bg-color: var(--dark-grey-color);--card-bg-color-2: var(--white-color);--intro-btn: var(--dark-grey-color);--text-color: var(--dark-grey-color);--text-color-secondary: var(--light-grey-color);--text-color-tertiary: var(--grey-color);--text-color-quaternary: var(--black-color);--text-color-quinary: var(--white-color);--dark-grey-color: #333333;--grey-color: #818080ff;--light-grey-color: #f4f4f4;--dark-opacity: #00000089;--accent-primary: var(--spring-contrast);--accent-secondary: var(--spring-contrast-2);--button-gradient-start: var(--spring-contrast);--button-gradient-end: var(--spring-contrast-2);--button-text-color: var(--white-color);--project-view-btn: var(--spring-green);--project-github-btn: var(--spring-contrast-2);--project-link-color: var(--dark-grey-color);--nav-btn: var(--spring-contrast-2);--link-color: var(--spring-contrast-2);--link-hover-color: var(--text-color);background-color:var(--bg-color);color:var(--text-color);color-scheme:light}:root[data-theme=dark]{--bg-color: var(--twilight-dark);--header-bg-color: var(--twilight-medium);--navbar-bg-color: var(--twilight-light);--footer-bg-color: var(--black-color);--portfolio-card-bg-color: var(--twilight-medium);--card-bg-color: var(--dark-grey-color);--card-bg-color-2: var(--twilight-pale);--intro-btn: var(--white-color);--text-color: var(--white-color);--text-color-secondary: var(--black-color);--text-color-tertiary: var(--grey-color);--text-color-quaternary: var(--light-grey-color);--text-color-quinary: var(--dark-grey-color);--dark-grey-color: #333333;--grey-color: #cccccc;--light-grey-color: #ffffff80;--dark-opacity: #ffffff20;--accent-primary: var(--twilight-contrast);--accent-secondary: var(--twilight-contrast-2);--button-gradient-start: var(--twilight-contrast);--button-gradient-end: var(--twilight-contrast-2);--button-text-color: var(--twilight-dark);--project-view-btn: var(--twilight-pale);--project-github-btn: var(--twilight-contrast-2);--project-link-color: var(--white-color);--nav-btn: var(--twilight-contrast-2);--link-color: var(--twilight-contrast-2);--link-hover-color: var(--twilight-contrast);color-scheme:dark}*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}body{width:100%;margin:0;padding:0;display:flex;justify-content:center;align-items:flex-start;background-color:var(--bg-color)}:root,html,body{height:100%;width:100%}#root,.layout{width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}