:root{font-family:Satoshi,Avenir,Rubik,Space Mono,Nata Sans,Rubik Spray Paint,Londrina Solid,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--backgroundColor: #f1f1ee;--red: rgb(233, 0, 0);--white: #f0f1ee;--blue: #24a8d5;--black: black;--yellow: rgb(241, 241, 123);--yellow2: rgb(255, 200, 0);--dropShadow: rgb(158, 158, 158);--green: rgb(32, 183, 32);--orange: #FB7D06;--purple: #8D4BF5;color:#0b0c0bde;background-color:var(--backgroundColor);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Outfit;src:url(/assets/Outfit-Variable-DPV2jOzF.ttf)}@font-face{font-family:Switzer;src:url(/assets/Switzer-Variable-CC1nzX62.ttf)}p{font-size:20px;line-height:150%;padding:0;margin:0;font-family:Outfit;font-weight:300;text-align:left}b{font-weight:600}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;text-align:left}h1{font-size:72px;line-height:73%;padding:0;margin:0;font-family:Outfit;font-weight:700;text-align:left}h2{font-size:48px;line-height:73%;padding:0;margin:0;font-family:Outfit;font-weight:600;text-align:left}h3{font-size:32px;line-height:73%;padding:0;margin:0;font-family:Outfit;font-weight:600}h4{font-size:16px;line-height:73%;padding:0;margin:0;font-family:Outfit;font-weight:300}h5{font-size:1.2em;line-height:1.1;font-weight:500;padding:0;margin:0;font-family:Space Mono}@media (orientation: portrait){p{font-size:16px;line-height:150%;padding:0;margin:0;font-family:Outfit;font-weight:300;text-align:left}b{font-weight:600}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;text-align:left}h1{font-size:48px;line-height:73%;padding:0;margin:0;font-family:Outfit;font-weight:700;text-align:left}h2{font-size:32px;line-height:73%;padding:0;margin:0;font-family:Outfit;font-weight:600;text-align:left}h3{font-size:24px;line-height:73%;padding:0;margin:0;font-family:Outfit;font-weight:600}h4{font-size:16px;line-height:73%;padding:0;margin:0;font-family:Outfit;font-weight:300}h5{font-size:1.2em;line-height:1.1;font-weight:500;padding:0;margin:0;font-family:Space Mono}}.master-frame{width:100vw;height:100vh;overflow:hidden;display:flex}.aboutme{height:92vh;width:calc(100vw - 8vh);position:relative;background-color:var(--backgroundColor);justify-self:center;align-self:center;left:4vh}.projects{height:92vh;width:calc(100vw - 8vh);position:relative;background-color:var(--backgroundColor);right:calc(100% - 12vh);justify-self:center;align-self:center}.splash{height:92vh;width:calc(100vw - 8vh);position:relative;background-color:var(--backgroundColor);right:calc(200% - 20vh);justify-self:center;align-self:center;z-index:1}.portfolio{height:92vh;width:calc(100vw - 8vh);position:relative;background-color:var(--backgroundColor);right:calc(300% - 28vh);justify-self:center;align-self:center}.midToLeft{animation-name:midToLeft;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards}.leftToMid{animation-name:leftToMid;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards}.midToRight{animation-name:midToRight;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards}.rightToMid{animation-name:rightToMid;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards}.midToDown{animation-name:midToDown;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards}.downToMid{animation-name:downToMid;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards}.midToUp{animation-name:midToUp;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards}.upToMid{animation-name:upToMid;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes midToRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes midToLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rightToMid{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes leftToMid{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes midToUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes upToMid{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes midToDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes downToMid{0%{transform:translateY(100%)}to{transform:translateY(0)}}.horizontal-button{height:calc(92vh + 4px);width:4vh;position:absolute;background-color:var(--backgroundColor);border:2px solid black;z-index:5;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;align-self:center;display:flex;justify-content:center;align-items:center;writing-mode:vertical-lr;text-orientation:upright;font-size:1.5em}.vertical-button{height:4vh;width:calc(100vw - 8vh + 4px);position:absolute;background-color:var(--backgroundColor);border:2px solid black;z-index:5;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;left:calc(4vh - 2px);display:flex;justify-content:center;align-items:center;letter-spacing:.5rem;font-size:1.5em}.button-hover{background-color:var(--backgroundColor)}.button-hover:hover{cursor:pointer;animation:.2s ease-out hover;transition:.2s hover;background-color:var(--black);color:var(--backgroundColor)}@keyframes hover{0%{background-color:var(--backgroundColor);color:var(--black)}to{background-color:var(--black);color:var(--backgroundColor)}}.smiley{height:4vh;width:4vh;position:absolute;left:calc(100% - 4vh);top:calc(100% - 4vh);z-index:6;background-size:contain;padding:1vh;box-sizing:border-box}@media (orientation: portrait){.vertical-button,.horizontal-button{letter-spacing:.5rem;font-size:1em}}.frame{display:grid;grid-template-rows:50% 50%;width:calc(100vw - 8vh);height:91vh;justify-items:center;z-index:-1}@media (orientation: portrait){.frame{grid-template-rows:auto min-content}}.name-frame{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:auto max-content;grid-column-gap:.5vw;justify-items:center;width:calc(100% - 2vh);height:100%}.letter{grid-column:span 1;grid-row:2;aspect-ratio:1/1;width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.top-row{grid-row:1;background-color:var(--white);height:100%;width:100%;border:2px solid var(--black);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;animation:1s ease animateLetter;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.mid-row{grid-row:2;background-color:var(--blue);height:100%;width:100%;animation:1s ease animateLetter;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.bottom-row{grid-row:3;background-color:var(--black);height:100%;width:100%;animation:1s ease animateLetter;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@keyframes animateLetter{0%{width:0%}to{width:100%}}.top-row:before{content:"";width:100%;height:100%;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:750px;opacity:.22;top:0;left:0;position:absolute;z-index:1}.mid-row:before{content:"";width:100%;height:100%;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:750px;opacity:.22;top:0;left:0;position:absolute;z-index:1}.bottom-row:before{content:"";width:100%;height:100%;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:750px;opacity:.22;top:0;left:0;position:absolute;z-index:1}@media (orientation: portrait){.name-frame{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-gap:1vh;width:80vw;height:120vw;overflow:hidden;align-self:end}.letter{grid-row:span 1}}.portfolio-frame{width:100vw;height:100vh;display:grid;grid-template-columns:30% 70%;overflow:hidden}.portfolio-info{grid-row:1;align-self:center;display:grid;grid-template-rows:92% 8%;height:100%;width:100%;justify-content:left;align-items:left;justify-items:left}.portfolio-info-body{grid-row:1;width:90%;height:max-content;align-self:start}.portfolio-gallery{height:100%;width:100%;justify-items:center;align-content:center}.back-button{width:245px;height:44px;position:relative;background-color:var(--white);border:2px solid var(--black);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 0;text-align:center;font-size:16px;color:var(--black)}.back{position:relative;font-weight:500}.back-button:hover{color:var(--white);background-color:var(--black);cursor:pointer}.screen-template-frame{position:relative;display:flex;flex-direction:row;align-items:start;border:2px solid var(--black);margin:-2px}.about-section{height:100%;border-right:2px solid var(--black);display:flex;flex-direction:column;align-items:flex-start;padding:56px;gap:32px;text-align:left}.screen-template-title{position:relative;text-align:left;line-break:unset}.screen-template-info-body{width:100%;display:inline-block}.screen-template-back-button{align-content:end;padding-bottom:112px;height:100%;justify-items:center;width:100%}.screen-template-content{width:100%;height:100%;display:block;justify-content:center;justify-items:center;align-content:center;padding:0;flex:1}@media (orientation: landscape){.screen-template-frame{overflow-y:hidden;overflow:hidden;width:calc(100vw - 8vh);height:100%}.about-section{padding:56px;width:min-content}.screen-template-content{overflow:hidden;height:100%}}@media (orientation: portrait){.screen-template-frame{flex-direction:column;overflow-y:scroll;scrollbar-width:none;height:100%}.about-section{width:fit-content;height:max-content;padding:32px;border:none;border-bottom:solid 2px var(--black)}.screen-template-content{height:fit-content}.screen-template-back-button{padding-top:16px;padding-bottom:0;height:min-content}}.gallery-frame{flex:1;width:100%;position:relative;display:flex;align-items:flex-start;flex-wrap:wrap;align-content:flex-start;gap:0px;overflow-y:scroll;scrollbar-width:none;scrollbar-color:transparent transparent}.gallery-element{flex:1;min-width:calc(33.3333% + 4px);width:calc(33.3333% + 4px);max-width:calc(33.3333% + 4px);aspect-ratio:1 / 1;position:relative;border:2px solid #000;margin:-2px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:38px;gap:16px;background-color:var(--backgroundColor)}.gallery-image{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:10% 0;object-fit:cover;overflow:hidden}.gallery-title{position:relative}.gallery-description{align-self:stretch;position:relative;font-weight:300}@media (orientation: landscape){.gallery-frame{height:calc(100% + 2px)}}@media (orientation: portrait){.gallery-frame{height:max-content;overflow:hidden}.gallery-element{min-width:calc(100% + 4px);width:calc(100% + 4px);max-width:calc(100% + 4px)}}.see-more-button{width:100%;height:44px;position:relative;background-color:var(--white);border:2px solid var(--black);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;text-align:center;font-size:16px;color:var(--black)}.see-more{position:relative;font-weight:500}.see-more-button:hover{color:var(--white);background-color:var(--black);cursor:pointer}.no-page{width:100%;height:44px;position:relative;background-color:var(--white);border:2px solid var(--dropShadow);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;text-align:center;font-size:16px;color:var(--dropShadow);cursor:default}.skills-table-frame{display:grid;grid-template-columns:repeat(2,1fr);width:100%;height:100%;column-gap:16px;row-gap:0px}.skills-table-entry{height:48px;width:100%;display:grid;grid-template-columns:20% 80%;padding:8px;gap:16px;box-sizing:border-box}.skills-table-entry-image{align-self:center;box-sizing:border-box;object-fit:cover}.skills-table-entry-text{font-weight:500}@media (orientation: portrait){.skills-table-entry{gap:8px}}.projects-info{align-self:start;justify-self:left;justify-content:left;justify-items:left}.projects-content{width:100%;height:100%;justify-items:center;align-content:center}.aboutme-frame{display:grid;grid-gap:1vh;justify-self:right}.aboutme-info{width:90%;height:max-content;justify-content:left;justify-items:center;justify-self:left;align-self:start}.aboutme-small{grid-column:span 2;grid-row:span 2;width:100%;height:100%;background-color:var(--white);color:var(--black);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:.8vh 1.5vh 0;border:2px solid var(--black)}.aboutme-large{grid-column:span 4;grid-row:span 4;width:100%;height:100%;background-color:var(--black);color:var(--white);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:.8vh 1.5vh 0}.blue{color:var(--blue)}.aboutme-text{font-size:3vh}@media (orientation: landscape){.aboutme-frame{width:max-content;max-height:90vh;max-width:calc(100% - 2vh);aspect-ratio:1 / 1;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);padding:1vh 1vh 1vh 0;box-sizing:none}}@media (orientation: portrait){.aboutme-frame{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(16,1fr);width:calc(100vw - 8vh);max-width:calc(100vw - 8vh);height:calc((100vw - 8vh)*4);max-height:calc((100vw - 8vh)*4);justify-self:center;aspect-ratio:1 / 4;padding:1vh;box-sizing:border-box}.aboutme-text{font-size:2.5vh}}.dashboard-project-info-text{width:100%;height:100%;justify-self:left;display:flex;flex-direction:column;gap:16px}.dashboard-project-frame{--scrollHeight: 100%;height:100%;scrollbar-width:none;scrollbar-color:transparent transparent;width:100%;background-color:var(--backgroundColor);overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;padding:56px;box-sizing:border-box;gap:56px}.section-wrapper{align-self:stretch;border:2px solid var(--black);display:flex;flex-direction:column;align-items:flex-start;padding:38px;gap:38px}.section-title{width:100%;position:relative;display:inline-block;margin:0}.section-text{width:100%;margin:0}.section-image{width:fit-content;position:relative;overflow:hidden;flex-shrink:0;object-fit:cover}.section-combo{width:100%;height:100%;position:relative;display:grid;grid-template-rows:1;grid-template-columns:repeat(2,1fr);justify-content:start;align-content:start;column-gap:32px}@media (orientation: portrait){.dashboard-project-frame{padding:16px;gap:16px}.section-wrapper{padding:24px;gap:24px}.section-combo{column-gap:24px}}.image-button{width:245px;height:44px;position:relative;background-color:var(--white);border:2px solid var(--black);box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:12px;gap:12px;text-align:center;font-size:16px;color:var(--black)}.image-button-image{display:flex;align-items:center;justify-content:center;height:100%;width:min-content;object-fit:cover;overflow:hidden}.image-button-text{position:relative;font-weight:500}.image-button:hover{color:var(--white);background-color:var(--black);cursor:pointer}.work-in-progress-card{position:relative;background-color:var(--backgroundColor);border:2px solid var(--black);box-sizing:border-box;width:400px;max-width:calc(100vw - 32px);margin:16px;display:flex;flex-direction:column;align-items:flex-start;padding:38px;gap:38px}.smiley-wrapper{align-self:stretch;display:flex;align-items:center;justify-content:center}.smiley-icon{width:39px;position:relative;max-height:100%;object-fit:cover}