:root{--accent-color: #C45B1B;--accent-color-transparent: #c45b1ba6;--backup-accent-color: #d5d2df;--contact-btn: #C45B1B;--mrwhale-beige: #c1beb5;--app-transparent: #89847536;--cuco-beige: #C4B3A0;--cuco-beige-transparent: #c4b3a04d;--cuco-blue: #B3DAEA;--cuco-orange: #C45B1B;--tonet-orange: orange}*,html{margin:0;padding:0;overflow-x:hidden!important;overflow-y:hidden;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:20px}a{color:#000;text-decoration:none}a:hover{cursor:pointer}a:visited{color:#000;text-decoration:none}section{position:relative;display:flex;flex-direction:column;height:100vh;min-height:700px;width:100vw;background-color:#fff;border-bottom:1px black solid;z-index:500}#z-welcome-container{position:absolute;height:100vh;width:100vw;background-color:#fff;animation:bkgdColor 4.5s linear .5s 1 normal both;cursor:default!important;z-index:600}#z-welcome-container p{font-family:roboto;letter-spacing:5px;font-weight:100;font-size:2.5em;text-transform:uppercase;text-align:center;color:#fff;white-space:nowrap}#z-name-container{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%;width:fit-content;margin:0 10px}#z-portfolio-text{opacity:0;animation:animated-text-name-lg 1s linear 1s 1 normal both}#z-name-text{padding:0 .5em 0 0;font-weight:600!important;animation:animated-text-name-lg 1s linear 1s 1 normal both}#z-loading-container{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);width:fit-content;padding:0;animation:loadingShow 1s ease-in 10s 1 normal both}#z-loading-fade-container{display:flex;flex-direction:row;align-items:center;justify-content:center;animation:loadingFade 4s ease-in 10s infinite normal both}#z-loading-container p{position:relative;font-size:1em}#z-ellipsis-container{display:inline-flex}.z-alt-dots{font-weight:400!important;animation:bouncing .5s ease-in 1s infinite normal both}#z-middle-dot{font-weight:400!important;animation:bouncing-inverse .5s ease-in 1s infinite normal both}#a-intro-section{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}#a-intro-section-inner-container{position:relative;display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%}#a-intro-section-inner{display:flex;flex-direction:column;justify-content:space-between;align-items:center;align-self:center;height:80%;min-height:fit-content;width:100%;max-width:1200px}#a-resume-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;align-self:flex-end;height:65%;width:50%}#a-waveOnHover{width:fit-content;font-family:sharetech;font-size:4em;text-align:center;animation:glitch-skew 2s cubic-bezier(.25,.46,.45,.94) 5s infinite}#a-skills-container{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:0 auto}.a-skills-container-column{display:flex;justify-content:center;width:50%}.a-skills-container-column-inner h1{font-family:sharetech;font-size:2em;animation:glitch-skew 4s cubic-bezier(.25,.46,.45,.94) 4s infinite}.a-skills-container-column-inner p{padding-left:1em;font-family:sharetech;font-size:1em;animation:glitch-skew 3s cubic-bezier(.25,.46,.45,.94) 4s infinite}#a-profile-photo{position:absolute;transform:translate(-50%);height:80%;width:50%;max-width:600px;background-image:url(/main/profile.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;filter:grayscale(100%)}#a-profile-photo:hover{filter:grayscale(0%)}#a-profile-photo:before,#a-profile-photo:after{content:"";position:absolute;background-size:cover;background-repeat:no-repeat;background-position:center center;height:100%;width:100%;z-index:1;clip:rect(0,0,0,0)}#a-profile-photo:before{left:-6px;animation:glitch-effect 2s infinite linear alternate-reverse;background-image:url(/main/profile.jpg);filter:grayscale(100%) sepia(100%) saturate(350%) hue-rotate(240deg) brightness(121%) contrast(121%)}#a-profile-photo:after{left:6px;animation:glitch-effect 3s infinite linear alternate-reverse;background-image:url(/main/profile.jpg);filter:grayscale(100%) sepia(100%) saturate(350%) hue-rotate(120deg) brightness(121%) contrast(121%)}#a-ai-blurb{align-self:flex-end;width:40%;max-width:600px;margin:0 5% 0 0;padding:1em;line-height:1.5em;border:1px black solid}#a-ai-blurb p{display:inline;margin:0;font-family:sharetech;font-size:1em;letter-spacing:2px}#b-koolkids-section{display:flex;justify-content:center;align-items:center}#b-koolkids-text-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:50%;min-height:300px;width:80%;z-index:2;opacity:0}.b-koolkids-font{color:#fff;font-family:nintendo;text-align:center;text-transform:lowercase;text-shadow:2px 2px rgb(255,41,41),-2px 2px rgb(2,133,255);animation:textflicker .01s linear none infinite alternate}#b-koolkids-text-container h1{font-size:2em}#b-koolkids-text-container p{color:#fff;font-family:nintendo;text-align:center}#b-koolkids-rotating-text{position:relative;display:flex;flex-direction:row;justify-content:space-between;width:200%;white-space:nowrap;animation:x-scroll 20s linear none infinite normal}#b-koolkids-rotating-text p{font-size:1em}#b-koolkids-background{position:absolute;left:0;height:100%;width:100%;background-image:url(/main/koolkids.gif);background-size:cover;background-repeat:no-repeat;background-position:center center;opacity:0;transform:scale(.5)}#c-mrwhale-section{display:flex;flex-direction:column;justify-content:space-between;align-items:center}#c-mrwhale-header{position:absolute;width:100%;font-size:6em;font-weight:900;color:var(--mrwhale-beige);opacity:0}#c-mrwhale-content-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:calc(100% - 190px);width:100%;max-width:1200px;margin:auto;opacity:0}.c-mrwhale-content-row-container{display:flex;flex-direction:column;justify-content:center;height:45%;width:100%;overflow-y:hidden}#c-mrwhale-content-row-top{display:flex;justify-content:flex-end}#c-mrwhale-content-row-bottom{display:flex;justify-content:flex-start}.c-img{height:100%;width:auto;padding:20px}#c-mrwhale-title-row{height:10%;width:100%;text-align:center}.c-mrwhale-titles{position:absolute;left:50%;transform:translate(-50%,-50%) scale(2);font-size:2em;letter-spacing:2px;font-weight:100;text-wrap:nowrap;opacity:0}#d-app-section{display:flex;flex-direction:column;justify-content:space-between}#d-app-section header{height:auto;width:100%;font-size:5em;font-weight:900;letter-spacing:2px;text-align:center;overflow:visible;color:var(--app-transparent)}#d-app-section-inner{position:absolute;top:150px;display:flex;flex-direction:column;justify-content:space-evenly;height:calc(100% - 80px);width:100%;padding:50px 0;background-color:#fff}#d-banner-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:500px;width:100%;max-width:1200px;margin:0 auto}#d-banner{height:80%;width:100%;background-image:url(/main/FEATURE.webp);background-size:contain;background-repeat:no-repeat;background-position:center center}#d-state-download-link{display:flex;flex-direction:column;height:30px}#d-state-download-link:hover:after{content:"";border-bottom:1px black solid;width:0%;padding-top:2px;animation-name:btn-hover;animation-duration:1s}#d-state-download-link p{padding:0!important}#d-banner-container p{font-size:1em;letter-spacing:2px;text-align:center}#d-app-text-container{display:flex;flex-direction:row;justify-content:space-evenly;height:35px;width:100%;max-width:1200px;margin:0 auto}#d-app-section-inner p{font-size:1em;letter-spacing:2px;text-align:center}.d-app-text span{position:relative;display:inline-block;animation:wavyText 1s ease-in-out infinite}#e-photography-section{position:static;display:flex;flex-direction:column;justify-content:space-between;min-height:800px}#e-photography-title-container{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:auto;opacity:0}#e-photography-title-graphy-container{position:relative;display:flex;flex-direction:row;justify-content:flex-end;align-self:flex-end;height:450px;margin-right:1em}.e-photography-title{font-family:anton;color:var(--accent-color-transparent);z-index:2;transform:scaleY(1.5)}#e-photo{position:relative;top:40px;height:fit-content;font-size:11em;font-weight:900;text-align:left;letter-spacing:0px}#e-gra,#e-phy{font-size:13em;font-weight:900;line-height:normal;text-align:center;letter-spacing:10px}.e-trailing-img{position:absolute;top:0;left:0;max-width:200px;opacity:0;z-index:1}#e-photography-grid{display:none}#f-tonet-section-innerContainer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;width:100%;margin-top:50px}#f-tonet-headers-container{position:relative;width:100vw}.f-tonet-headers{position:relative;width:100%;font-size:5rem;font-weight:900;letter-spacing:2px;text-align:center;text-wrap:nowrap}#f-tonet-header{overflow:visible;color:var(--tonet-orange)}#f-tonet-ellipse-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;height:100%;width:100vw}#f-tonet-ellipse{position:absolute;top:100%;align-self:center;height:90vh;width:90vh;border-radius:50%;background-color:var(--tonet-orange);overflow:hidden}#f-tonet-ellipse-header{display:none;width:100vw;position:absolute;left:50%;transform:translate(-50%);color:#fff}#f-figma{height:80%;width:100%;background-image:url(/main/tonet/figma-cleared.png);background-size:contain;background-repeat:no-repeat;background-position:center center}.f-displays{display:block;border:2px black solid;border-radius:8px}#f-display-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:row;justify-content:center;align-items:center;height:90%;max-height:700px;width:90%;max-width:1000px;margin-left:5%}#f-desktop-display{height:60%;max-height:450px;width:80%;max-width:750px;background-color:#fff;background-image:url(/main/tonet/desktop.png);background-size:cover;background-position:top left;background-repeat:no-repeat}#f-mobile-display{position:relative;top:10%;right:5%;height:100%;max-height:400px;width:20%;max-width:190px;min-width:185px;background-color:#fff;background-image:url(/main/tonet/mobile.png);background-size:cover;background-position:top;background-repeat:no-repeat}#f-text-container{position:absolute;bottom:0px;display:flex;flex-direction:row;justify-content:space-evenly;align-self:center;height:100px;width:100%}#f-text-container p{text-align:center;font-family:anton;color:#000;font-size:2rem;font-weight:900;line-height:3rem;letter-spacing:2px;text-transform:uppercase;text-shadow:1px 2px 1px white}#g-cuco-section-innerContainer{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:100%;width:100%}#g-header-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%}.g-header{font-size:5rem;font-weight:900;letter-spacing:2px;color:#000}#g-cuco-header-cuco{color:#000}#g-cuco-logo-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(5);transform-origin:center center;height:100px;width:120px;margin-top:10px;background-image:url(/main/cuco/cuco.png);background-position:center center;background-size:contain;background-repeat:no-repeat}#g-cuco-main-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:1rem;height:calc(100% - 5rem);width:100%;max-width:1100px;margin:1rem 0 0;opacity:0}#g-cuco-mainPage{height:100%;width:100%;background-image:url(/main/cuco/cucoPage.png);background-position:center center;background-size:contain;background-repeat:no-repeat;scale:.01;opacity:0}#g-cuco-text-container{position:relative;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;height:fit-content;width:90%}#g-cuco-text-container p{font-family:tan-kindred;font-size:1.5rem;font-weight:100;margin-top:.75rem;scale:.01;opacity:0}#g-text-shopify{font-size:3rem;font-weight:900;color:var(--cuco-beige);scale:.01;opacity:0}.g-text-dot{height:10px;width:10px;border-radius:50%;scale:.01;opacity:0}#g-cuco-branding-dot{background-color:var(--cuco-orange)}#g-cuco-content-dot{background-color:var(--cuco-blue)}#h-arsenal-section-innerContainer{position:relative;display:flex;flex-direction:column;height:100%;width:100%}#h-arsenal-header-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;height:fit-content;width:100%;padding-bottom:2rem}.h-header{height:auto;width:fit-content;font-size:5em;font-weight:900;letter-spacing:2px;text-align:center;overflow:visible;text-transform:uppercase}#h-arsenal-image-container{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;gap:1rem;height:100%;aspect-ratio:1 / 1;margin:0 auto}.h-arsenal-images-rotate-container{position:relative;top:100%;height:100%;width:100%;margin:0 auto;overflow:hidden}.h-arsenal-images-first,.h-arsenal-images-second,.h-arsenal-images-third,.h-arsenal-images-fourth{height:100%;width:100%;position:absolute;object-fit:contain}.h-arsenal-images-text-slide{display:flex;justify-content:center;align-items:center}.h-arsenal-images-text-slide p{font-family:anton;font-size:4.8rem;text-align:center;-webkit-text-stroke:2px black;color:#fff}#h-text-1{transform:rotate(-15deg)}#h-text-2{transform:rotate(15deg)}.h-arsenal-images-second,.h-arsenal-images-third,.h-arsenal-images-fourth{left:110%}#i-amos-hill-section-innerContainer{display:none;flex-direction:column;justify-content:space-between;align-items:center;height:100%;width:100%}.explore-btn-container{display:flex;flex-direction:column;align-self:flex-end;height:2em;width:150px;margin:1em 2em;background-color:#fff}.explore-btn-container:hover:after{content:"";border-bottom:1px black solid;width:0%;animation-name:btn-hover;animation-duration:1s}.explore-btn{position:relative;display:flex;flex-direction:row;justify-content:space-between;height:100%;width:100%;padding:.2em .5em}.explore-btn p{font-size:1em}#e-photography-explore-btn{position:absolute;top:calc(500% - 60px)}@media screen and (max-width: 1000px){#e-photography-title-graphy-container{top:70px}.e-photography-title{font-size:10em!important}#f-text-container{bottom:60px;flex-direction:column}.f-tonet-headers{font-size:4.5rem}}@media screen and (max-width: 900px){*,html{font-size:18px}#z-name-container{flex-direction:column;margin-left:50px;animation:none}#z-welcome-container p{font-size:1.5em}#z-portfolio-text{padding:.5em 0;opacity:1;background-color:#000;animation:animated-text-portfolio-sm 1s ease-in 1s 1 normal both}#z-name-text{margin:0;padding:0 .5em;background-color:var(--accent-color);color:var(--accent-color)!important;animation:animated-text-name-sm 1s ease-in 2.5s 1 normal both}#z-loading-container p{font-size:.6em}#z-contact-main-container{width:90vw}#z-contact-text-container a{font-size:1rem}#z-contact-section{width:350px}#a-intro-section{justify-content:center}#a-intro-section-inner{justify-content:space-around;height:100%;width:100%;margin:0}#a-resume-container,#a-profile-photo,#a-ai-blurb{align-self:center;height:fit-content;width:80%;max-width:600px;margin:0}#c-mrwhale-content-row-top,#c-mrwhale-content-row-bottom{justify-content:center}#a-profile-photo{position:inherit;transform:translate(0);height:300px;margin:0 auto;background-image:url(/main/profile.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center}#d-app-section header{font-size:3.5em}#d-app-section-inner p{padding:0}#e-photography-section{min-height:700px}#e-photography-title-container{justify-content:center;align-items:center;height:100%;z-index:1}#e-photography-title-graphy-container{display:block;top:0;height:630px;align-self:center}.e-photography-title{color:var(--accent-color-transparent);-webkit-text-stroke:.1px var(--accent-color);text-align:center}#e-photo{top:0;font-size:7em!important}#e-gra,#e-phy{font-size:9em!important}#e-phy{position:relative;top:20px}#e-trailing-images-container{display:none}#e-photography-grid{position:absolute;display:grid;grid-template-columns:60% 40%;grid-template-rows:10% 20% 35% auto;grid-column-gap:20px;grid-row-gap:20px;justify-content:center;align-items:flex-end;height:100%;width:100%}.e-photography-grid-section{display:flex;z-index:1}.e-photography-content-container{height:fit-content;overflow:hidden}.e-photography-content-sm{position:relative;height:10em;width:auto;min-width:fit-content;z-index:2}#e-sm-img-one{height:7.5em;bottom:200%;opacity:0}#e-sm-img-two{margin:0 auto;top:200%;opacity:0}#e-sm-img-three{left:200%;opacity:0}#f-display-container{transform:translate(-50%,-50%) scale(.8);width:125%;margin-left:2.5%}#f-text-container p{font-size:1.8rem}.g-header{font-size:4rem}#g-cuco-mainPage{height:50%}#g-cuco-main-container{justify-content:center}}@media screen and (max-width: 700px){#g-cuco-main-container{justify-content:flex-end}#g-cuco-mainPage{height:30%}#g-cuco-text-container{flex-direction:column-reverse;height:40%}}@media screen and (max-width: 600px){.f-tonet-headers{font-size:4em}#f-desktop-display{height:50%}.g-header{font-size:3rem;letter-spacing:0}#g-header-container{gap:.5rem}#g-cuco-logo-container{height:60px;width:80px}#g-text-shopify{font-size:2.5rem}#g-cuco-text-container p{font-size:1.5rem}}@media screen and (max-width: 500px){*,html{font-size:12px}#z-welcome-container p{font-size:1em}#z-loading-container p{font-size:.5em}#z-contact-text-container p{font-size:2.5rem}#z-contact-text-container a,#z-contact-btn p{font-size:1.5rem}#a-resume-container header{font-size:4em}#a-resume-container,#a-profile-photo,#a-ai-blurb{width:90%}#c-mrwhale-content-row-top,#c-mrwhale-content-row-bottom{justify-content:center}#d-app-section header{font-size:2.5em}#e-photography-title-graphy-container{margin:2em 0 0;height:400px}#e-photography-grid{grid-template-rows:20% 25% 20% auto}.e-photography-grid-section{align-items:flex-start;height:100%}#e-sm-img-one{top:30px}#e-sm-img-two{height:7.5em;margin:auto}#f-display-container{flex-direction:column;transform:translate(-50%,-55%) scale(1);width:100%;margin-left:0%}#f-desktop-display{height:40%;width:95%}#f-mobile-display{position:absolute;top:25%;right:0%;scale:.7;box-shadow:5px 5px 10px #000}#f-tonet-ellipse{height:70vh;width:70vh}}@media screen and (max-width: 400px){#z-contact-section{width:100%}#a-resume-container header{font-size:3.5em}.c-mrwhale-titles{transform:translate(-50%,-50%) scale(1.5)}#d-app-section header{font-size:2em}.f-tonet-headers{font-size:3.5rem}#f-desktop-display{position:relative;top:-10%;height:30%;filter:blur(2px) brightness(.8) saturate(.8)}#f-mobile-display{top:50%;left:50%;transform:translate(-65%,-65%) scale(1.5)}#f-tonet-ellipse{height:60vh;width:60vh}}@font-face{font-family:sharetech;src:url(/Fonts/ShareTech-Regular.ttf)}@font-face{font-family:nintendo;src:url(/Fonts/PressStart2P-Regular.ttf)}@font-face{font-family:anton;src:url(/Fonts/Anton-Regular.ttf)}@font-face{font-family:bodoni;src:url(/Fonts/BodoniMT.ttf)}@font-face{font-family:tan-kindred;src:url(/Fonts/tan-kindred.ttf)}@keyframes glitch-effect{0%{clip:rect(299px,400px,56px,0)}5.8823529412%{clip:rect(126px,400px,204px,0)}11.7647058824%{clip:rect(74px,400px,62px,0)}17.6470588235%{clip:rect(123px,400px,252px,0)}23.5294117647%{clip:rect(280px,400px,225px,0)}29.4117647059%{clip:rect(25px,400px,202px,0)}35.2941176471%{clip:rect(164px,400px,60px,0)}41.1764705882%{clip:rect(110px,400px,214px,0)}47.0588235294%{clip:rect(88px,400px,104px,0)}52.9411764706%{clip:rect(279px,400px,102px,0)}58.8235294118%{clip:rect(64px,400px,146px,0)}64.7058823529%{clip:rect(47px,400px,12px,0)}70.5882352941%{clip:rect(296px,400px,166px,0)}76.4705882353%{clip:rect(202px,400px,264px,0)}82.3529411765%{clip:rect(183px,400px,248px,0)}88.2352941176%{clip:rect(27px,400px,36px,0)}94.1176470588%{clip:rect(266px,400px,195px,0)}to{clip:rect(126px,400px,198px,0)}}@keyframes glitch-skew{0%{transform:skew(0)}48%{transform:skew(0);filter:blur(0)}50%{transform:skew(-20deg);filter:blur(4px)}52%{transform:skew(20deg)}54%{transform:skew(0);filter:blur(0)}to{transform:skew(0)}}@keyframes textflicker{0%{text-shadow:2px 0 rgb(109,255,41),-2px 0 rgb(2,133,255)}to{text-shadow:2px 2px rgb(255,146,45),rgb(30,255,0),-2px 2px}}@keyframes x-scroll{0%{left:100%}to{left:-100%}}@keyframes btn-hover{0%{width:0%}to{width:100%}}@keyframes wavyText{0%{transform:translateY(0)}25%{transform:translateY(-5px)}50%,to{transform:translateY(0)}}@keyframes bkgdColor{0%{top:0%}1%{background-color:var(--accent-color)}to{top:0%;background-color:var(--accent-color)}}@keyframes loadingShow{0%{opacity:0}to{opacity:1}}@keyframes loadingFade{0%{opacity:.2}50%{opacity:.8}to{opacity:.5}}@keyframes bouncing{0%{top:0}50%{top:-2px}to{top:0}}@keyframes bouncing-inverse{0%{top:-2px}50%{top:0}to{top:-2px}}@keyframes animated-text-portfolio-sm{0%{width:0}to{width:100%}}@keyframes animated-text-name-sm{0%{width:0;background-color:var(--accent-color)}5%{width:5%;background-color:#fff}to{width:100%;background-color:#fff}}@keyframes animated-text-name-lg{0%{width:0;margin:0 0 0 100%}1%{opacity:1;margin:0 .5em}to{width:100%;opacity:1}}