: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(129, 129, 129);--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)}a{font-size:1.3em;line-height:1.6;padding:0;margin:0;font-family:Outfit;font-weight:300}b{font-weight:600}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:12em;line-height:1.1;padding:0;margin:0;font-family:Rubik Spray Paint;font-weight:900}h2{font-size:4.5em;line-height:1.1;padding:0;margin:0;font-family:Outfit}h3{font-size:3em;line-height:1;padding:0;margin:0;font-family:Outfit;font-weight:500}h4{font-size:2.5em;line-height:1;padding:0;margin:0;font-family:Space Mono;font-weight:500}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-image:url(/assets/smiley-A_VxfnHI.svg);background-size:contain;background-position:center}.frame{display:grid;grid-template-rows:50% 50%;width:calc(100vw - 8vh);height:91vh;justify-items:center;z-index:-1}.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}.back-button{width:10vh;height:10vh;z-index:5}.back-button:hover{width:8.5vh;height:8.5vh;cursor:pointer;-webkit-transition:all .05s step-end;-moz-transition:all .05s step-end;-o-transition:all .05s step-end;-ms-transition:all .05s step-end;transition:all .05s step-end}.projects-frame{width:100vw;height:100vh;display:grid;grid-template-columns:30% 70%;overflow:hidden}.projects-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}.projects-info-body{grid-row:1;width:90%;height:max-content;align-self:start}.project-gallery{height:100%;width:100%;justify-items:center;align-content:center}.gallery-frame{display:grid;grid-template-columns:5% 95%;max-height:90vh;aspect-ratio:1 / .95;margin-right:1vh;justify-self:right}.project-gallery-scroll-frame{--rows: 1;background-color:var(--black);grid-column:2;width:100%;height:100%;display:grid;grid-template-rows:repeat(var(--rows),100%);scroll-snap-type:y mandatory;overflow-y:scroll;scrollbar-color:transparent transparent;scrollbar-width:none;scroll-behavior:smooth;box-shadow:0 0 5px var(--dropShadow)}.project-gallery-frame{width:100%;height:100%;display:grid;grid-template-rows:5% 45% 45% 5%;justify-self:center;justify-items:center;align-items:center;align-self:center;background-color:var(--white);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);--color: var(--white);color:var(--black);scroll-snap-align:start;position:relative}.cursor{cursor:url(/assets/Cursor-D2zd1hyM.svg),pointer}.project-gallery-frame: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:1000px;opacity:.22;top:0;left:0;position:absolute;z-index:1}.gallery-entry-info-frame{grid-row:3;grid-column:1;width:100%;height:100%;display:grid;grid-template-columns:50% 50%;grid-template-rows:20% 80%;justify-self:center;justify-items:center;border-top:2px solid var(--black);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.gallery-entry-desc{grid-row:1 / 3;grid-column:1;width:100%;height:100%;justify-self:left;justify-items:center;padding-left:2vh;padding-right:1vh;padding-top:2vh;font-family:Space Mono;font-size:1.25vw;border-right:2px solid var(--black);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.gallery-entry-num-label{grid-row:1;grid-column:2;justify-self:center;align-self:center;justify-items:center;font-size:1vw}.gallery-entry-img{grid-row:2;grid-column:2;display:flex;justify-self:center;justify-items:center;justify-content:center;align-items:center;margin:0;padding:0;border-top:2px solid var(--black);width:100%;height:100%}.gallery-entry-title-container{justify-content:left;justify-self:left;align-content:center;align-self:center}.gallery-entry-title{grid-row:2;grid-column:1;width:min-content;max-width:100%;padding-left:2vh;font-family:Outfit;font-weight:800;font-size:10vw;text-shadow:0px 0px 5px var(--white);color:var(--color);justify-items:left;justify-content:left;justify-self:left}.gallery-entry-header{background-color:var(--black);width:100%;height:100%;color:var(--white);justify-items:center;align-content:center;grid-column:1;font-size:1vw}.gallery-entry-footer{background-color:var(--black);width:100%;height:100%;color:var(--color);justify-items:center;align-content:center;justify-content:center;justify-self:center;grid-column:1;grid-row:4;font-size:1vw;animation:1s infinite ease clickMe}@keyframes clickMe{0%{font-size:1vw}50%{font-size:1.04vw}to{font-size:1vw}}.gallery-indicator-frame{--rows: 1;grid-column:1;grid-row:1 / -1;justify-self:center;align-self:center;padding:0,2vh,0,2vh;width:2vh;height:max-content;display:grid;grid-template-rows:repeat(var(--rows),2vh)}.gallery-indicator-element{grid-row:1;width:40%;height:40%;background-color:var(--black);justify-self:center;align-self:center;cursor:pointer}.frame-animation{animation:.6s ease-in-out projectGalleryFrameAppear}.text-animation{animation:.6s ease textAppear}@keyframes textAppear{0%{color:transparent;border:none;text-shadow:none}50%{color:transparent;border:none;text-shadow:none}75%{color:transparent;border:none;text-shadow:none}}@keyframes projectGalleryFrameAppear{50%{grid-template-rows:50% 0 0 50%}}.screen-template-frame{width:calc(100vw - 8vh);height:92vh;display:grid;grid-template-columns:min-content 1fr;padding-left:3vw;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden}.screen-template-title{padding:2vw 0vw 2.5vw;width:min-content;height:min-content;justify-content:left;justify-items:left;justify-self:left}.screen-template-info{grid-row:1;height:calc(100% - 10vh);align-self:center;min-width:30vw;display:grid;grid-template-rows:max-content 1fr 15%;padding-top:1vh;align-self:start;align-items:center;justify-items:center}.screen-template-info-body{grid-row:2;width:90%;height:100%;justify-content:center;align-content:start}.screen-template-content{grid-column:2;width:100%;height:100%;justify-content:center;align-content:center}.hobbies-info{align-self:start;width:calc(100% - 3vw);justify-self:left;justify-content:left;justify-items:left}.hobbies-content{width:100%;height:100%;justify-items:center;align-content:center}.aboutme-frame{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);grid-gap:1vh;width:100%;max-height:90vh;max-width:90vh;aspect-ratio:1 / 1;justify-self:right;padding:1vh 1vh 1vh 0;font-size:.8vw}.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:1.5vh 1.5vh 0;border:2px solid var(--black);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.aboutme-small: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}.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:1.5vh 1.5vh 0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.aboutme-large: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}.blue{color:var(--blue)}.dashboard-project-info-text{width:100%;justify-self:left}.dashboard-project-frame{background-color:var(--white);--scrollHeight: 100%;display:grid;grid-template-columns:50% 50%;width:90%;height:90vh;justify-self:right;align-self:start;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;scrollbar-color:transparent transparent;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 0 5px var(--dropShadow)}.dashboard-project-frame:before{content:"";width:100%;height:var(--scrollHeight);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:0}.dashboard-project-subtitle{background-color:var(--black);color:var(--white);grid-column:span 2;width:100%;height:4.5vh;justify-self:center;justify-content:center;justify-items:center;align-content:center;font-weight:500;line-height:1;padding:1vh}.dashboard-project-text{width:100%;justify-self:center;justify-items:center;justify-content:center;line-height:3.5vh;grid-column:span 2;margin:0;padding:2vh 2.5%;border-bottom:2px solid var(--black);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.dashboard-project-text-left{width:100%;justify-self:left;justify-items:right;line-height:3.5vh;grid-column:1;margin:0;padding:2vh 5%;border-bottom:2px solid var(--black);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.dashboard-project-text-right{width:100%;justify-self:right;line-height:3.5vh;grid-column:2;margin:0;padding:2vh 5%;border-left:2px solid var(--black);border-bottom:2px solid var(--black);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.highlighted{color:var(--black)}.dashboard-project-image{width:100%;height:100%;grid-column:span 2;padding:2vh 2.55%;border-bottom:2px solid var(--black);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.dashboard-project-image-left{width:100%;height:100%;grid-column:1;padding:2vh 5%;border-bottom:2px solid var(--black);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.dashboard-project-image-right{width:100%;height:100%;grid-column:2;padding:2vh 5%;border-bottom:2px solid var(--black);border-left:2px solid var(--black);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}