@import "https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap";.custom-cursor{--mouse-x:-100;--mouse-y:-100;pointer-events:none;width:16px;height:16px;left:var(--mouse-x);top:var(--mouse-y);position:fixed;transform:translate(-50%,-50%)}.custom-cursor.delayed{width:12px;height:12px;transition:top .5s linear,left .5s linear}.oldhome{cursor:none}.bio-container{border-top:2px solid #d3d3d3;border-bottom:2px solid #d3d3d3;flex-direction:row;justify-content:space-between;width:70%;margin:0 auto;display:flex}.bio-container>img{border:1.25rem solid #fff;width:calc(25% - 5rem);height:100%;margin:auto 2.5rem}.bio-container>p{text-align:left;max-width:calc(75% - 4rem);height:max-content;margin:1rem 2rem}.bio-links{border-bottom:2px solid #d3d3d3;width:70%;margin:0 auto 6rem;display:flex}.bio-links>a{letter-spacing:.1rem;text-transform:lowercase;text-align:center;color:#000;width:25%;margin:0 2rem;padding:1.5rem 0;font-family:brandon-grotesque,sans-serif;font-size:1.2rem;font-weight:600;text-decoration:none}.code-container{text-align:center;flex-direction:row;align-items:center;display:flex}.code-container>button:first-child,.code-container>button:last-child{cursor:pointer;-webkit-user-select:none;user-select:none;margin:auto;font-size:8rem}.code-images{border-top:2px solid #d3d3d3;border-bottom:2px solid #d3d3d3;height:fit-content}.code-images>img{object-fit:cover;width:64rem;height:32rem;display:block}.section-text{text-align:center;font-size:1.5rem}@media screen and (orientation:portrait){.bio-container{flex-direction:column}.bio-container>img{border:none;width:100%;margin:1rem auto 0}.bio-container>p{max-width:100%;margin-left:0;margin-right:0}.bio-links{text-align:center;flex-direction:column;width:70%}.bio-links>a{width:100%;margin:0}.code-images{justify-content:center;display:flex}.code-images>img{width:100%;height:fit-content}.code-container>button:first-child,.code-container>button:last-child{font-size:3rem}.section-text{height:4rem;margin:2rem;font-size:1.2rem}}.color-container{justify-content:center;display:flex}.colorbox{padding:10%;font-size:30px}#colorbox1{border-radius:10% 0% 0% 10%}#colorbox3{border:0;border-radius:0% 10% 10% 0%}.slider{width:99.3%}.slider-container{flex-direction:column;max-width:63%;margin:2rem auto 0;display:flex}.answer-box{text-align:center;max-width:max-content;height:36px;margin:0 auto 1rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.difference-box{text-align:center;max-width:max-content;height:36px;margin:0 auto 4rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.5rem}.hue-options{flex-direction:row;width:fit-content;margin:0 auto;display:flex}.hue-option:first-child{border-radius:30% 0 0 30%}.hue-option:nth-child(10){border-radius:0 30% 30% 0}.hue-option{outline-offset:-2px;cursor:pointer;width:2rem;height:2rem}.hue-random{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.5rem;width:fit-content;margin:auto 1rem;padding:0 .8rem}.text-field{text-align:center;max-width:max-content;height:max-content;margin:0 auto 1rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.2rem}.text-container{flex-direction:row;justify-content:center;display:flex}.text-box{border-style:none solid;border-color:#00c277;border-left-width:0;border-right-width:3px;flex-direction:row;width:30%;margin:4% 0;padding:3rem}.text-box:last-child{border-right:none}.text-box>h1{margin-top:0;font-family:Permanent Marker}.text-box>p{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.4rem}.button-icon{cursor:pointer;background-color:#fff;background-color:none;text-align:center;border-radius:50%;width:2rem;height:2rem;padding:.5rem;font-size:2rem}@media screen and (orientation:portrait){.slider-container{max-width:68%}.hue-random{margin:0 auto 2rem}.text-container{flex-direction:column}.text-box>h1{font-size:2rem}.text-box{border-style:none;width:70%;margin:1rem auto}}.words-holder{text-align:center;width:75%;margin:1rem auto 3rem;padding:1rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:3rem}.reset-button{text-align:center;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid;border-radius:.5rem;width:75%;margin:1rem auto 3rem;padding:1rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:2rem}.settings-popup{justify-content:center}.settings-option{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.5rem;width:fit-content;margin:auto 1rem;padding:0 .8rem}.portfolio-container{overflow:hidden}#portfolio{cursor:grab;width:100vw;height:calc(100vh - 10rem)}#portfolio:active:hover{cursor:grabbing}@media screen and (orientation:portrait){#portfolio{height:calc(100vh - 16rem)}}.tests{background:#fff}.clip-animation{cursor:pointer;clip-path:polygon(10% 10%,80% 20%,90% 90%,20% 80%);background-color:#00c277;width:100px;height:100px}.clip-animation-2{clip-path:polygon(10% 5%,90% 15%,85% 92%,7% 90%)}.button-wrapper:hover .clip-animation-2{cursor:pointer;animation:.5s infinite clip2}.button-wrapper{justify-content:center;align-items:center;width:480px;height:120px;display:flex;position:relative;left:-32px;transform:rotate(-4deg)}.test-dropshadow{filter:drop-shadow(8px 8px #000);width:100%;height:100%;position:absolute}.button-text{text-align:center;z-index:1;cursor:pointer;font-family:Roboto Slab,serif;font-size:56px;font-weight:bolder;transform:rotate(1deg)}.diagonal-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.diagonal{width:640px;height:120vh;position:absolute;transform:rotate(4deg)}.rect-section{clip-path:polygon(-2.16% 31.48%,106.9% 25.5%,98.69% 69.77%,.16% 70.82%)}.green-rect{clip-path:polygon(0 0,100% 0,90% 100%,0% 100%)}.diagonal-content{flex-direction:column;justify-content:space-evenly;align-items:center;display:flex}.test-h1{color:#fff;filter:drop-shadow(6px 6px #000);margin:0;font-family:Roboto Slab,serif;font-size:5rem;position:relative;left:16px;transform:rotate(-2deg)}.test-p{color:#fff;z-index:1;text-align:center;max-width:400px;margin:80px 0;font-family:Roboto Slab,serif;font-size:1.5rem;position:relative;right:16px}@keyframes clip{0%{clip-path:polygon(20% 20%,80% 20%,90% 90%,20% 80%)}50%{clip-path:polygon(22% 18%,84% 26%,84% 88%,18% 84%)}to{clip-path:polygon(20% 20%,80% 20%,90% 90%,20% 80%)}}@keyframes clip2{0%{clip-path:polygon(10% 5%,90% 15%,85% 92%,7% 90%)}50%{clip-path:polygon(8% 7%,92% 13%,83% 95%,10% 95%)}to{clip-path:polygon(10% 5%,90% 15%,85% 92%,7% 90%)}}.overlay{z-index:5;width:100%;height:100%;position:absolute;overflow:hidden}.canvas{width:100%;height:100%}#me,#forest{width:100vh;height:100vh;display:none}.svg{width:100%;height:100%}.button{clip-path:polygon(4% 0%,100% 0%,94% 100%,0% 100%);background-color:#e2e565;border:none;width:max-content;transform:rotate(-2deg)}.button:hover{cursor:pointer}.button>p{color:#000;margin:0;padding:1rem 4rem;font-family:Roboto Slab,serif;font-size:3rem;font-weight:800}.button.small{transform:none}.button.small>p{padding:.25rem 2rem;font-size:2rem}.button.pattern-s{clip-path:polygon(4% 0%,100% 0%,94% 100%,0% 100%)}.button.pattern-z{clip-path:polygon(0% 0%,96% 0%,100% 100%,4% 100%)}.button.pattern-w{clip-path:polygon(0% 0%,100% 0%,94% 100%,4% 100%)}.button.pattern-m{clip-path:polygon(4% 0%,96% 0%,100% 100%,0% 100%)}.button.turn-right,.button.turn-left{transition:transform .2s}.button.turn-right:hover{transform:rotate(-1deg)}.button.turn-left:hover{transform:rotate(-3deg)}@media (width<=1000px){.button>p{padding:.5rem 2rem;font-size:2rem}.button.small>p{font-size:1.5rem}}@media (width>=1001px) and (width<=1400px){.button>p{padding:.75rem 3rem;font-size:2.5rem}.button.small>p{font-size:1.5rem}}@keyframes load-track{0%{left:50%}to{left:20%}}.image-track{cursor:grab;flex-direction:row;animation:2s forwards load-track;display:flex;position:relative;left:50%}.image-track:active{cursor:grabbing}.image-track>div>img{object-fit:cover;object-position:0% center;-webkit-user-select:none;user-select:none;width:40vmin;height:60vmin;margin:0 4vmin}@media screen and (orientation:portrait){.image-track{flex-direction:column;justify-content:space-between;width:90%;margin:2rem auto;display:flex;position:static}.image-track>div{width:100%;margin:0 0 2rem}.image-track>div:last-child{margin:0}.image-track>div>img{object-fit:cover;width:100%;height:100%;margin:0}}.menu_button-wrapper{z-index:2;position:fixed;top:2rem;left:2rem}.menu_button{filter:drop-shadow(8px 8px #000);clip-path:polygon(10% 10%,97.5% 7.5%,92.5% 92.5%,7.5% 87.5%);cursor:pointer;background-color:#577355;justify-content:center;align-items:center;width:6rem;height:6rem;display:flex}.menu_button p{color:#fff}.menu_button>svg{color:#fff;filter:drop-shadow(4px 4px #000);font-size:2.5rem}.menu-wrapper{z-index:4;width:45%;transition:left .5s;position:fixed}.menu-wrapper a p{padding:.5rem 2rem;font-size:2rem}.menu-bar .active .button.nav-home{text-decoration:none}.menu-container{clip-path:polygon(0% 0%,100% 0%,95% 100%,0% 97.5%);background-color:#577355}.menu-bar{padding:4rem 0}.menu-bar>div{flex-direction:row;justify-content:space-between;align-items:center;margin:0 4rem 0 2rem;display:flex}.menu-bar:first-child>div{margin:0 2rem}.menu-bar:first-child{padding:2rem 0}.menu-bar:first-child p,.menu-bar div>.menu_button{color:#fff}.menu-bar:first-child div .button{color:#fff;background-color:#435347;align-items:center;margin:0 2rem;display:flex}.menu-bar:first-child div .button>p{filter:drop-shadow(4px 4px #000)}.menu-bar .menu_button{background-color:#435347}.menu-bar .active .button{text-underline-offset:2px;-webkit-text-decoration:underline #000;text-decoration:underline #000;text-decoration-thickness:4px}.menu-bar.top{clip-path:polygon(0% 0%,100% 10%,100% 90%,0% 100%)}.menu-bar.bottom{clip-path:polygon(0% 10%,100% 0%,100% 100%,0% 100%)}.menu-bar.top>div{justify-content:flex-start}.menu-bar.middle>div{justify-content:center}.menu-bar.bottom>div{justify-content:flex-end}.menu-bar:nth-child(2n){background-color:#435347}.menu-blackout{z-index:3;background-color:#00000080;width:100vw;height:100vh;position:fixed}@media screen and (orientation:portrait){.menu_button-wrapper{top:1rem;left:1rem}.menu_button{width:4rem;height:4rem}.menu_button>svg{font-size:1.5rem}.menu-container{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 98.75%);width:100vw}.menu-bar:first-child{margin:0;padding:1rem 0}.menu-bar>div{margin:0 1rem!important}.menu-bar{padding:3rem 0}}.imageview-blackout,.videoview-blackout{z-index:4;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed}.imageview-blackout>img,.videoview-blackout>iframe{object-fit:contain;width:90%;height:90%}.zoomable-image{cursor:zoom-in;overflow:hidden}.zoomable-image:hover>.newercontent-project-img{transform:scale(1.05)}.zoomable-video{cursor:pointer;overflow:hidden}.body{margin:0!important}.section{margin:2rem auto 6rem}.divider{border:0;border-top:2px solid #d3d3d3;margin:0}.title{text-align:center;letter-spacing:.6rem;margin:1.5rem auto;font-family:Permanent Marker;font-size:3.5rem}.navbar-container{justify-content:space-between;padding:.5rem 3rem;display:flex}.navbar-links{display:flex}.navbar-links>.navbar-item,.navbar-home>.navbar-item,.menu-content>.menu-item{letter-spacing:.1rem;text-transform:lowercase;color:#000;font-family:brandon-grotesque,sans-serif;font-size:1.2rem;text-decoration:none}.navbar-links>a:hover{text-decoration:none}.navbar-home>.navbar-item{border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3}.navbar-item{cursor:pointer;border-left:1px solid #d3d3d3;padding:1rem;display:inline-block}.navbar-item>svg{font-size:1.3rem}.navbar-item-rightmost{background-color:#fff;border:none;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;min-width:64px}.menu{background-color:#fff;width:max-content;height:max-content;padding-right:3rem;position:absolute;right:0;box-shadow:0 0 10px #85888c}.menu-content{flex-direction:column;display:flex}.menu-item{border-bottom:1px solid #d3d3d3;padding:1rem;display:inline-block}.menu-item-bottom{border:none}.settings-container{width:75%;margin:0 auto;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.5rem}.settings-button{cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content;margin:0 auto 2rem;padding:.2rem .5rem;font-size:1.2rem}.settings-popup{flex-direction:column}.settings-label{text-align:center;border-top:2px solid #d3d3d3;padding-top:.5rem}.settings-label:first-child{border-top:none}.settings-setting{flex-direction:row;width:fit-content;margin:1rem auto;display:flex}.footer-question{text-align:center;max-width:max-content;height:max-content;margin:1rem auto;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.2rem}.footer-question>a{color:#4287f5;text-decoration:none}.footer-text{color:gray;text-align:center;margin:auto;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.game-container{overflow:hidden}@media screen and (orientation:portrait){.title{font-size:2.5rem}.settings-container{width:100%;margin:0}.navbar-container{justify-content:space-between;padding:0 0 .5rem;display:flex}.navbar-item{display:none}.navbar-home>.navbar-item,.navbar-item-rightmost{display:inline-block}.settings-setting{flex-direction:column}}.home{background-image:var(--bg-image-forest);background-position:50%;background-size:cover;height:100vh;overflow:hidden}.home-container{grid-template-columns:40% 60%;justify-content:center;display:grid}.home-picture-container{z-index:1;flex-direction:row;justify-content:flex-end;align-items:center;height:100vh;animation-name:picture-fly-in;animation-duration:1s;animation-timing-function:ease;display:flex;position:relative;right:-15%}.home-picture{width:40vw}.home-diagonal{background-color:var(--bg-color-light);box-sizing:border-box;clip-path:polygon(20% 0%,100% 0%,80% 100%,10% 100%);flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0 20%;animation-name:diagonal-fly-in;animation-duration:1s;animation-timing-function:ease;display:flex;position:relative;left:-15%}.home-diagonal-title{font-family:var(--text-font);color:var(--text-color-light);text-align:right;white-space:nowrap;filter:drop-shadow(8px 8px #000);margin:0;font-size:5rem;position:relative;right:-10%;transform:rotate(-2deg)}.home-diagonal-text{font-family:var(--text-font);color:var(--text-color-light);text-align:center;clip-path:polygon(0% 8%,100% 0%,100% 100%,0% 94%);background-color:var(--bg-color-dark);width:90%;margin:10% 0;padding:10% 50%;font-size:1.6rem;position:relative;right:-5%}@keyframes picture-fly-in{0%{top:-100vh;right:-35%}50%{top:-100vh;right:-35%}to{top:0;right:-15%}}@keyframes diagonal-fly-in{0%{top:100vh;left:-25%}50%{top:100vh;left:-25%}to{top:0;left:-15%}}@media (width<=1000px){.home-diagonal-title{font-size:3rem}.home-diagonal-text{font-size:1rem}}@media (width>=1001px) and (width<=1600px){.home-diagonal-title{font-size:4rem}.home-diagonal-text{font-size:1.3rem}}@media screen and (orientation:portrait){.home-container{grid-template-columns:1fr}.home-picture-container{z-index:1;flex-direction:row;justify-content:center;align-items:center;height:40vh;display:flex;position:relative;top:5vh;right:-5%}.home-picture{width:auto;height:100%}.home-diagonal{clip-path:polygon(0% 4%,100% 0%,100% 96%,0% 100%);width:120vw;height:60vh;padding:0;position:relative;left:0}.home-diagonal-title{filter:drop-shadow(6px 6px #000);position:relative;right:0}.home-diagonal-text{clip-path:polygon(0% 4%,100% 0%,100% 100%,0% 94%);background-color:var(--bg-color-dark);width:90vw;margin:2vh 0;padding:5% 50%;position:relative;right:0}@keyframes picture-fly-in{0%{top:-100vh;right:-35%}50%{top:-100vh;right:-35%}to{top:5vh;right:-5%}}@keyframes diagonal-fly-in{0%{top:100vh;left:-25%}50%{top:100vh;left:-25%}to{top:0;left:0}}}.more{background-image:var(--bg-image-forest);background-position:50%;background-size:cover;height:100vh;overflow:hidden}.more-container{flex-direction:column;align-items:center;width:100vw;display:flex}.more-item{background-blend-mode:luminosity;background-color:#7b8a7b;background-position:50%;background-size:cover;justify-content:flex-start;align-items:center;width:100vw;transition:background-color .5s;display:flex}.more-item:hover{background-color:unset}.more-item-1{height:35vh;animation-name:more-item-fly-in-right;animation-duration:2s;animation-timing-function:ease;position:relative}.more-item-2{z-index:1;clip-path:polygon(0% 0%,100% 5vh,100% calc(100% - 8vh),0% calc(100% - 1vh));flex-direction:row-reverse;height:40vh;animation-name:more-item-fly-in-left;animation-duration:2s;animation-timing-function:ease;position:relative;top:-10vh}.more-item-3{height:40vh;animation-name:more-item-fly-in-right;animation-duration:2s;animation-timing-function:ease;position:relative;top:-25vh}.more-divider{filter:drop-shadow(8px 8px #000);width:110vw;height:5vh}.more-divider-content{background-color:#577355;width:100%;height:100%}.more-divider-1{z-index:2;animation-name:divider-fly-in-left;animation-duration:1s;animation-timing-function:ease;position:relative;top:-5vh;transform:rotate(2.2deg)}.more-divider-2{z-index:2;animation-name:divider-fly-in-right;animation-duration:1s;animation-timing-function:ease;position:relative;top:-17.5vh;transform:rotate(-3deg)}.more-divider-1>.more-divider-content{clip-path:polygon(0% 0%,100% 30%,100% 70%,0% 100%)}.more-divider-2>.more-divider-content{clip-path:polygon(0% 30%,100% 0%,100% 100%,0% 70%)}.more-button-1{position:relative;top:-2vh;left:15vw}.more-button-2{position:relative;top:-2vh;right:5vw;transform:rotate(4deg)}.more-button-3{position:relative;top:5vh;left:10vw;transform:rotate(-2deg)}@keyframes divider-fly-in-left{0%{top:-10vh;left:-120vw}50%{top:-10vh;left:-120vw}to{top:-5vh;left:0}}@keyframes divider-fly-in-right{0%{top:-22.5vh;right:-120vw}50%{top:-22.5vh;right:-120vw}to{top:-17.5vh;right:0}}@keyframes more-item-fly-in-left{0%{left:-120vw}25%{left:-120vw}50%{left:-120vw}75%{left:-120vw}to{left:0}}@keyframes more-item-fly-in-right{0%{right:-120vw}25%{right:-120vw}50%{right:-120vw}75%{right:-120vw}to{right:0}}.newercontent:before{content:"";z-index:-1;background:var(--bg-image-forest) center / cover no-repeat;position:fixed;inset:0}.newercontent{font-family:Roboto Slab,serif}.newercontent-container>div{animation-name:content-fly-in-right;animation-duration:1s;animation-timing-function:ease;position:relative}.newercontent-container>div:first-child{z-index:1;animation-name:content-fly-in-left;animation-duration:1s;animation-timing-function:ease}.newercontent-container{flex-direction:column;align-items:center;width:90vw;margin:auto;display:flex}.newercontent-title{clip-path:polygon(0% 4%,100% 0%,100% 100%,0% 96%);color:#fff;z-index:1;background-color:#577355;padding:3rem;font-size:2rem;position:relative;top:10vh}.newercontent-title>h1{color:#fff;filter:drop-shadow(8px 8px #000);margin:0;font-size:4rem}.newercontent-projects-container{clip-path:polygon(0% 0%,100% 32px,100% calc(100% - 32px),0% 100%);background:#435347;flex-direction:column;padding:10vh 0 64px;display:flex}.newercontent-projects-container:has(>div:first-child:nth-last-child(2n)){background:linear-gradient(#435347 90%,#577355 90%)}.newercontent-project{grid-template-columns:1fr 1fr 1fr;height:max-content;padding:8vh 4vw;display:grid}.newercontent-project-img-container{order:-1;height:100%;overflow:hidden}.newercontent-project-img{background-position:50%;background-size:cover;justify-content:flex-start;align-items:flex-end;width:100%;height:100%;transition:transform .2s;display:flex}.newercontent-project-img-icon{color:#ffffffbf;margin:1rem;font-size:2rem;transform:none}.newercontent-project-img-icon.black{color:#000000bf}.newercontent-project-text{color:#fff;grid-column:2/4;padding-left:2rem}.newercontent-project-text-title{filter:drop-shadow(4px 4px #000);margin:8px 0;font-size:2rem}.newercontent-project-text-intro{margin:8px 0;font-size:1.5rem;font-weight:400}.newercontent-project-text-intro>a,.newercontent-project-text-intro>a:visited{color:#fff;text-decoration:underline}.newercontent-project:nth-child(2n){clip-path:polygon(0% 4%,100% 0%,100% 100%,0% 96%);background-color:#577355}.newercontent-project:nth-child(2n) .newercontent-project-img-container{order:1}.newercontent-project:nth-child(2n) .newercontent-project-text{text-align:right;grid-column:1/3;padding-left:0;padding-right:2rem}.newercontent-project:nth-child(2n) .newercontent-project-img{justify-content:flex-end}.newercontent-project .newercontent-project-img.video{justify-content:center;align-items:center}@keyframes content-fly-in-left{0%{left:-120vw}25%{left:-120vw}50%{left:-120vw}75%{left:-120vw}to{left:0}}@keyframes content-fly-in-right{0%{right:-120vw}25%{right:-120vw}50%{right:0}75%{right:0}to{right:0}}@media (width<=1000px){.newercontent-title{padding:1rem;top:6vh}.newercontent-title>h1{filter:drop-shadow(4px 4px #000);width:min-content;font-size:2rem}.newercontent-projects-container{padding:0}.newercontent-project-text-title{font-size:1.3rem}.newercontent-project-text-intro{font-size:1rem}}@media (width>=1001px) and (width<=1400px){.newercontent-title>h1{filter:drop-shadow(6px 6px #000);font-size:3rem}.newercontent-project-text-title{font-size:1.6rem}.newercontent-project-text-intro{font-size:1.25rem}}@media screen and (orientation:portrait){.newercontent-project{flex-direction:column-reverse;display:flex}.newercontent-project-img-container{width:100%;height:40vh;margin-top:5vh}.newercontent-project-text{padding:0}.newercontent-project:nth-child(2n){flex-direction:column}.newercontent-project:nth-child(2n) .newercontent-project-text{text-align:left}.newercontent-project-img{justify-content:flex-end}}.newercontent-project.contact .newercontent-project-img-container{grid-column:1/3}.newercontent-project.contact .newercontent-project-text{grid-column:3/4}.newercontent-project-header{text-align:center;color:#fff;filter:drop-shadow(6px 6px #000);grid-column:1/4;margin:0;font-size:3rem}.newercontent-project-column{flex-direction:column;align-items:center;margin:0 32px;display:flex}.newercontent-project-skill{flex-direction:column;align-items:center;width:100%;display:flex}.newercontent-project-skill-title{color:#fff;filter:drop-shadow(4px 4px #000);margin:8px 0;font-size:2rem;font-weight:500}.newercontent-project-skill-bar{filter:drop-shadow(4px 4px #000);background-color:#435347;width:100%;height:2rem}.newercontent-project-skill-fill{background-color:#e2e565;height:100%}.newercontent-socials{padding:8vh 4vw}.buttonbar{grid-column:1/4;justify-content:space-between;margin-top:64px;display:flex}.buttonbar p{padding:.75rem 4rem}@media screen and (orientation:portrait){.buttonbar{flex-direction:column;align-items:center;gap:2rem}}.grid-container{border:1px solid #000;grid-template-rows:20% 20% 20% 20% 20%;grid-template-columns:20% 20% 20% 20% 20%;width:80vh;height:80vh;margin:auto;display:grid}.grid-cell{text-align:center;border:1px solid #000;justify-content:center;align-items:center;display:flex}:root{--text-color-light:white;--text-color-dark:black;--text-font:"Roboto Slab", serif;--bg-color-light:#577355;--bg-color-dark:#435347;--bg-image-forest:url(/assets/forest-TxfJDSLU.webp);background:#000}a,a:visited{color:#000;text-decoration:none}.dropshadow{filter:drop-shadow(8px 8px #000);transform:translateZ(0)}.page.old{background:#fff}