#root{min-height:100%;min-width:100%;margin:0}.alice-regular{font-family:Alice,serif;font-weight:400;font-style:normal}:root{--clr-stormyBlue50: #EAF4F8;--clr-stormyBlue100: #D0E1E8;--clr-stormyBlue300: #719CAE;--clr-stormyBlue500: #3F6170;--clr-stormyBlue700: #065577;--clr-stormyBlue900: #083F57;--clr-mudYellow50: #FFF7EA;--clr-mudYellow100: #F1D9AE;--clr-mudYellow300: #E5AE4F;--clr-mudYellow500: #C37F08;--clr-mudYellow700: #8A5A07;--clr-mudYellow900: #4F3507;--clr-mossGreen50: #EEF9F3;--clr-mossGreen100: #D3E9DD;--clr-mossGreen300: #8BB19C;--clr-mossGreen500: #3D644E;--clr-mossGreen700: #284434;--clr-mossGreen900: #142B1F;--clr-clayRed50: #FFF4F0;--clr-clayRed100: #F6C7B8;--clr-clayRed300: #D27F65;--clr-clayRed500: #BD502E;--clr-clayRed700: #784232;--clr-clayRed900: #65220D;--clr-forestGreen50: #EBFEFB;--clr-forestGreen100: #B5E1DB;--clr-forestGreen300: #60A49A;--clr-forestGreen500: #0B7A6B;--clr-forestGreen700: #036255;--clr-forestGreen900: #033931;--clr-neutral50: #F8F4EC}body{font-family:Poppins,sans-serif;color:var(--clr-mossGreen500);text-align:center;margin:0}h1{font-family:Alice,serif;margin:1em;text-align:left}h2{font-family:Alice,serif;margin:5em auto 2em;max-width:560px}h3{font-family:Alice,serif;color:#fff;margin:.75em 0 .25em}h4{margin:.4em 0;font-size:1rem;font-weight:600}h5{margin:.4em 0;font-size:1.5rem;font-weight:600;font-family:Alice,serif}a{color:var(--clr-mossGreen500);text-decoration:none}.inactive:hover{border-bottom:2px solid var(--clr-mossGreen500);text-decoration:none;font-weight:500}.globalNav{background-image:linear-gradient(to right,var(--clr-neutral50),var(--clr-mossGreen50),var(--clr-mudYellow50),var(--clr-clayRed50),var(--clr-stormyBlue50));color:var(--clr-mossGreen500);padding:.5em 2em;align-items:center;justify-content:center;margin-right:2em;display:flex;gap:2em;border-radius:24px;transition:opacity .4s ease-in-out}.globalNav:hover{background-image:linear-gradient(to right,var(--clr-clayRed50),var(--clr-stormyBlue50),var(--clr-mudYellow50),var(--clr-mossGreen50),var(--clr-neutral50))}.header{display:flex;justify-content:space-between;align-items:center;padding:.5em 1em .25em;position:fixed;top:0;width:100%;z-index:6}main{height:100%;margin:0;padding:1rem 0}.light-theme{background-color:#fff;transition-duration:1s}.dark-theme{background-color:var(--clr-mossGreen700);color:var(--clr-mossGreen50);transition-duration:1s}.content-container{min-height:400px;height:75vh;margin-top:5rem;max-width:500px;margin:0 auto}.ccLogo{width:90px;margin:0}.logo-link{background:none;text-decoration:none}.logo-link:hover{background:none;text-decoration:none;border:none}.intro{margin:auto;line-height:2rem}.p-container{display:grid;grid-template-columns:.25fr .25fr 1fr 1fr 1fr 1fr .25fr .25fr;grid-template-rows:25px 240px 100px;margin:4rem 0;gap:.5rem}.p-card{height:240px;border-radius:120px 0 0 120px;transition-duration:1s;grid-row:2;grid-column:2 / span 7}.p-card-left{grid-row:2;grid-column:1 / span 6;border-radius:0 120px 120px 0}.p-background{height:240px;grid-row:2;grid-column:1 / span 8}.pcard-info{text-align:left;grid-row:2;grid-column:4 / 6;z-index:1;transition-duration:1s;margin:1em 0;max-width:400px}.pcard-info:hover{font-weight:400}.pcard-info-left{z-index:1;grid-column:4 / 7;margin:1em 0}.p-description{margin:.25em;max-width:440px}img{transition-duration:1s;grid-row:1;z-index:1}img.demand{width:460px;grid-column:6}img.gdImg{width:460px;grid-column:3}img.equil{height:300px;grid-column:6}img.connect,img.companion{height:300px;grid-column:3}img.react-comp{height:400px;grid-column:3}img.color-pckr{width:460px;grid-column:6}img.movie{height:386px;grid-column:3}img.poly{width:420px;grid-column:6}img.quiz{width:380px;grid-column:6}img.port-ex{height:400px;grid-column:3}.p-container:hover .p-card{box-shadow:2px 1px 10px #23232150,inset 2px 2px 30px #00000025;transform:translate(5px);color:#fff}.p-container:hover img{transform:translateY(5px)}.active{background-color:var(--clr-mossGreen500);color:#fff;padding:.5rem 1rem;border-radius:24px;box-shadow:0 2px 2px 2px #e0ddd6,inset 0 -4px 4px #284434;font-weight:500}.inactive{padding:.5rem 1rem;color:var(--clr-mossGreen500)}.type-container{width:240px;height:62px;margin:auto;border-radius:32px;background-image:linear-gradient(to right,var(--clr-neutral50),var(--clr-mossGreen50),var(--clr-mudYellow50),var(--clr-clayRed50),var(--clr-stormyBlue50))}.btn-type{padding:.5rem 1rem;border-radius:24px;width:100px;background-color:var(--clr-neutral50) 0;border:none;font-family:Poppins,sans-serif;font-size:1.25rem;margin-top:.5rem;color:var(--clr-mossGreen500)}.btn-type:hover{font-weight:500}.selected{background-color:var(--clr-mossGreen500);color:#fff;box-shadow:inset 0 -4px 4px #284434;font-weight:500}.container-shift-full{width:340px;height:88px;border-radius:24px;margin:8rem 1rem 1rem 2rem}.container-ebeam-full{width:220px;height:120px;border-radius:24px;margin:8rem 1rem 1rem 2rem}.container-equil-full{width:220px;height:100px;border-radius:24px;margin:8rem 1rem 1rem 2rem}.shift-full{height:48px;margin-top:1.25rem;transition:none}.ebeam-full{height:110px;padding:1.5rem;transition:none}.equil-full{height:100%;padding:.25rem;transition:none}.git-icon{display:inline-block;vertical-align:middle}.git-icon:hover{opacity:.5}.overview{margin:3rem 2rem}p{line-height:1.75em;font-size:1em}.ov-content{text-align:left;border-radius:24px}.ov-image{object-fit:cover;width:100%}.slideshow-content{border-radius:24px;padding:1.5rem;text-align:left}.grid-container{display:grid;grid-template-columns:1.25fr 1fr;gap:2rem}.grid-sildeshow-right{display:grid;grid-template-columns:1.25fr .75fr;gap:2rem}.grid-sildeshow-left{display:grid;grid-template-columns:.75fr 1.25fr;gap:2rem}.grid-sildeshow-center{display:grid;grid-template-columns:2fr;padding:2rem 20%;text-align:left;margin:2rem}.grid-sildeshow-below{display:grid;grid-template-columns:2fr;text-align:center;margin:2rem}.about-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem;text-align:left}.about-content{border-radius:24px;padding:2rem;line-height:1.5;width:100%}.center{grid-column:1 / 3;text-align:center}.about-text{font-size:1em}footer{background-image:linear-gradient(to right,var(--clr-neutral50),var(--clr-mossGreen50),var(--clr-mudYellow50),var(--clr-clayRed50),var(--clr-stormyBlue50));padding:1rem;margin:0;opacity:1;transition:opacity 1s ease-in-out}footer:hover{background-image:linear-gradient(to right,var(--clr-clayRed50),var(--clr-stormyBlue50),var(--clr-mudYellow50),var(--clr-mossGreen50),var(--clr-neutral50));opacity:.9}.email-container{display:flex;align-items:center;grid-column:2 / 3;color:var(--clr-mudYellow500)}.btn{border:none;border-radius:24px;padding:.5em 1.5em;font-family:Poppins,sans-serif;font-size:1rem}.copy-btn{margin:0;background-color:var(--clr-clayRed100);color:var(--clr-clayRed700);display:flex;align-items:center;gap:1em}.btn-pdf{margin:0;background-color:var(--clr-forestGreen100);color:var(--clr-forestGreen700);display:flex;align-items:center;gap:1em}.btn-pdf:hover{background-color:var(--clr-forestGreen300);color:var(--clr-forestGreen900)}span{padding:0 .5em}.copy-btn:hover{background-color:var(--clr-clayRed300);color:var(--clr-clayRed900)}.contact-container{display:grid;grid-template-columns:100px 400px;gap:2em;align-items:center;justify-content:start;margin-top:3em}.contact-email{grid-row:1;grid-column:1;justify-self:end}.contact-internet{grid-row:2;grid-column:1;justify-self:end}.contact-cv{grid-row:3;grid-column:1;justify-self:end}.icons{display:flex;gap:1em}.icon-text{margin:0}.btn-linkedin{background-color:var(--clr-stormyBlue100);color:var(--clr-stormyBlue700);display:flex;gap:1em;align-items:center;border-radius:24px;padding:.5em 1em;justify-content:center;font-weight:500}.btn-linkedin:hover{background-color:var(--clr-stormyBlue300);color:var(--clr-stormyBlue900);font-weight:600}.btn-github{background-color:var(--clr-mudYellow100);color:var(--clr-mudYellow700);display:flex;gap:1em;align-items:center;border-radius:24px;width:140px;justify-content:center;font-weight:500}.btn-github:hover{background-color:var(--clr-mudYellow300);color:var(--clr-mudYellow900);font-weight:600}@media only screen and (min-width: 1280px){.header{padding:.5em 0 .25em 10em}.globalNav{margin-right:8em}.p-container{display:grid;grid-template-columns:1fr 1fr 160px 160px 160px 160px 1fr 1fr;grid-template-rows:25px 240px 100px;margin:4rem 0;gap:.5rem}.p-card{height:240px;border-radius:120px 0 0 120px;transition-duration:1s;grid-row:2;grid-column:2 / span 7}.p-card-left{grid-row:2;grid-column:1 / span 7;border-radius:0 120px 120px 0}.pcard-info{text-align:left;grid-row:2;grid-column:3 / 6;z-index:1;transition-duration:1s;margin:1em 0 0;max-width:380px}.pcard-info-left{z-index:1;grid-column:5 / 8;margin:1em 0 0 3em}img.demand{width:460px;grid-column:5}img.gdImg{width:460px;grid-column:3;margin-left:-6em}img.equil{height:300px;grid-column:5}img.connect,img.companion{height:300px;grid-column:3;margin-left:-5em}img.react-comp{height:440px;grid-column:3;margin-left:-1em}img.movie{height:386px;grid-column:3;margin-left:-5em}img.color-pckr{width:460px;grid-column:5;margin-left:2em}img.poly{width:420px;grid-column:5}img.quiz{width:380px;grid-column:5;margin-left:2em}img.port-ex{height:400px;grid-column:3;margin-left:-11em}}.btn-standard{background-color:var(--clr-mossGreen500);color:var(--clr-mossGreen50);box-shadow:0 1px 2px #0000000d;cursor:pointer;font-weight:500;padding:1em 1.5em;border-radius:8px;line-height:24px;font-family:Poppins,sans-serif;text-align:center;border:none}.btn-standard:focus{outline:none}button.button-sm{padding:7px 11px;font-size:12px}button.button-lg{padding:1em 1.5em;font-size:1rem}button.button-mossGreen{color:var(--clr-mossGreen50);background-color:var(--clr-mossGreen700)}button.button-forestGreen{color:var(--clr-forestGreen50);background-color:var(--clr-forestGreen700)}button.button-mudYellow{color:var(--clr-mudYellow50);background-color:var(--clr-mudYellow700)}button.button-clayRed{color:var(--clr-clayRed50);background-color:var(--clr-clayRed700)}button.button-stormyBlue{color:var(--clr-stormyBlue50);background-color:var(--clr-stormyBlue700)}button.button-mossGreen:hover{background-color:var(--clr-mossGreen500)}button.button-forestGreen:hover{background-color:var(--clr-forestGreen500)}button.button-mudYellow:hover{background-color:var(--clr-mudYellow500)}button.button-clayRed:hover{background-color:var(--clr-clayRed500)}button.button-stormyBlue:hover{background-color:var(--clr-stormyBlue500)}button.button-mossGreen:active{background-color:var(--clr-mossGreen300);color:var(--clr-mossGreen700)}button.button-forestGreen:active{background-color:var(--clr-forestGreen300);color:var(--clr-forestGreen570)}button.button-mudYellow:active{background-color:var(--clr-mudYellow300);color:var(--clr-mudYellow700)}button.button-clayRed:active{background-color:var(--clr-clayRed300);color:var(--clr-clayRed700)}button.button-stormyBlue:active{background-color:var(--clr-stormyBlue300);color:var(--clr-stormyBlue700)}.logo-container{position:relative;width:90px;height:90px}.stacked-image{position:absolute;width:80%;object-fit:cover;transition:transform 1s ease-in-out,top 1s ease-in-out,left 1s ease-in-out}.cc{z-index:3;top:0;left:12px}.blue{z-index:2;mix-blend-mode:multiply;top:20px;left:24px;width:80%;transition:transform 1s ease-in-out,top 1s ease-in-out,left 1s ease-in-out}.green{z-index:1;mix-blend-mode:multiply;top:12px;left:4px;width:60%;transition:transform 1s ease-in-out,top 1s ease-in-out,left 1s ease-in-out}.red{z-index:0;mix-blend-mode:multiply;top:4px;left:20px;width:80%;transition:transform 1s ease-in-out,top 1s ease-in-out,left 1s ease-in-out}.color-back{mix-blend-mode:normal;z-index:0}.logo-container:hover .blue{transform:rotate(140deg);top:20px;left:30px}.logo-container:hover .green{transform:rotate(280deg);top:4px;left:-4px}.logo-container:hover .red{transform:rotate(280deg);top:0;left:24px}.logo-container:active .blue,.logo-container:active .green,.logo-container:active .red{mix-blend-mode:luminosity}.logo-container:active .cc{mix-blend-mode:darken}.carousel{display:flex;justify-content:center;align-items:center;width:100%;min-height:460px;max-height:1400px;position:relative}.slide{position:absolute;width:100%;max-height:100%;border-radius:24px;object-fit:contain;opacity:1;transition:opacity .5s ease-in-out;margin:0}.slide-hidden{opacity:0;visibility:hidden}.arrow-container{position:absolute;width:100%;height:100%;display:flex;justify-content:space-between;pointer-events:none;z-index:2;opacity:0;transition:opacity .3s ease}.arrow-btn{background:none;border:none;padding:.5rem;pointer-events:all;cursor:pointer}.arrow-container:hover{opacity:1}.across-container{display:flex;justify-content:center;align-items:center;width:100%;padding-top:1rem;gap:1rem}.across{border-radius:24px;filter:drop-shadow(1px 1px 5px #dadad9);opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.across.visible{opacity:1;transform:translateY(0)}*{box-sizing:border-box}.poppins-regular{font-family:Poppins,sans-serif;font-weight:400;font-style:normal}.poppins-medium{font-family:Poppins,sans-serif;font-weight:500;font-style:normal}.poppins-semibold{font-family:Poppins,sans-serif;font-weight:600;font-style:normal}.poppins-bold{font-family:Poppins,sans-serif;font-weight:700;font-style:normal}.poppins-thin-italic{font-family:Poppins,sans-serif;font-weight:100;font-style:italic}:root{--clr-stormyBlue50: #DCEEF5;--clr-stormyBlue100: #D0E1E8;--clr-stormyBlue300: #719CAE;--clr-stormyBlue500: #3F6170;--clr-stormyBlue700: #065577;--clr-stormyBlue900: #083F57;--clr-mudYellow50: #FFF3E0;--clr-mudYellow100: #F1D9AE;--clr-mudYellow300: #E6B45E;--clr-mudYellow500: #C37F08;--clr-mudYellow700: #8A5A07;--clr-mudYellow900: #4F3507;--clr-mossGreen50: #E5FCF0;--clr-mossGreen100: #D3E9DD;--clr-mossGreen300: #8BB19C;--clr-mossGreen500: #3D644E;--clr-mossGreen700: #284434;--clr-mossGreen900: #142B1F;--clr-clayRed50: #FFEEE8;--clr-clayRed100: #F6C7B8;--clr-clayRed300: #D27F65;--clr-clayRed500: #BD502E;--clr-clayRed700: #784232;--clr-clayRed900: #65220D;--clr-forestGreen50: #DAF6F2;--clr-forestGreen100: #B5E1DB;--clr-forestGreen300: #70A9A1;--clr-forestGreen500: #0B7A6B;--clr-forestGreen700: #036255;--clr-forestGreen900: #033931;--clr-neutral50: #F8F4EC;--clr-neutral100: #CECAC3;--clr-neutral300: #8B8A8A;--clr-neutral500: #585858;--clr-neutral700: #353434}body{margin:0;padding:10px;display:flex;justify-content:center;font-family:Poppins,sans-serif}.badge{padding:.25em .8em;display:inline-block;margin:1em 1em 1em 0;font-weight:500;font-size:.9em}.square{border-radius:8px}.round{border-radius:24px}.pill{border-radius:12px}.gray{background-color:#f3f4f6;color:#1f2937}.clayRed{background-color:var(--clr-clayRed300);color:var(--clr-clayRed900)}.mudYellow{background-color:var(--clr-mudYellow300);color:var(--clr-mudYellow900)}.forestGreen{background-color:var(--clr-forestGreen300);color:var(--clr-forestGreen900)}.stormyBlue{background-color:var(--clr-stormyBlue300);color:var(--clr-stormyBlue900)}