:root{--background-color: rgb(4, 4, 8);--background-color-end: rgb(20, 10, 43);--headerfooter-color: rgba(3, 2, 20, 1);--pane-color: rgba(35, 30, 80, .034);--accent-color: rgb(255, 136, 0);--text-color: rgb(211, 255, 249);--emp-color: rgb(0, 238, 255);--emp-text-color-shadow: rgb(255, 136, 0);--button-color: rgb(53, 48, 61);--relevant-skill-item-color: rgb(20, 10, 43);--planet-extrasmall: 100px;--planet-small: 100px;--planet-medium: 200px;--planet-large: 400px;--planet-extralarge: 800px;--sun-i-width-home: 100px;--planet-i-orbit-width-home: 1300px;--planet-extrasmall: 50px;--disabled-color: rgb(99, 99, 99)}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sun-art{position:relative;z-index:0;background-image:repeating-radial-gradient(closest-side,rgb(250,247,56),rgb(255,208,0) 80%,rgb(255,81,0));border-radius:50%;border:5px rgb(170,26,0) solid;box-shadow:0 0 100px 6px #ff0000da;overflow:hidden}.sun-art-overview{width:300px;height:300px}.planet-medium{width:var(--planet-medium);height:var(--planet-medium)}.planet-i{position:relative;z-index:0;rotate:-6deg;background-image:linear-gradient(270deg,rgb(92,252,191),rgb(0,61,28));border-radius:50%;border:2px rgb(87,175,134) solid;box-shadow:0 0 17px 3px #62e2ffda;overflow:hidden}.planet-art__clouds-container{position:relative;width:100%;height:100%}.planet-art__clouds-container:hover>:nth-child(1){animation-name:move-clouds-slow;animation-duration:alternate;animation-duration:3s}.planet-art__clouds-container:hover>:nth-child(2){animation-name:move-clouds;animation-duration:alternate;animation-duration:25s}.planet-art__clouds-container:hover>:nth-child(3){animation-name:move-clouds-fast;animation-duration:alternate;animation-duration:.75s}@keyframes move-clouds-slow{0%{transform:translate(0)}50%{transform:translate(80%)}to{transform:translate(0)}}@keyframes move-clouds{0%{transform:translate(0)}50%{transform:translate(40%)}to{transform:translate(0)}}@keyframes move-clouds-fast{0%{transform:translate(0)}50%{transform:translate(40%)}to{transform:translate(0)}}.planet-i-cloud{position:absolute;width:100%;background-image:linear-gradient(70deg,rgba(225,244,255,.685),rgba(225,244,255,0));box-shadow:2px 0 10px 3px #ffffff54}.planet-i-cloud-1{height:4%;left:40%;top:20%}.planet-i-cloud-2{height:10%;right:40%;top:61%;background-image:linear-gradient(290deg,rgba(225,244,255,.685),rgba(225,244,255,0))}.planet-i-cloud-3{height:5%;right:0;top:46%;background-image:linear-gradient(290deg,rgba(225,244,255,.685),rgba(225,244,255,0))}.planet-ii{position:relative;z-index:0;rotate:70deg;background-image:linear-gradient(180deg,rgb(255,115,0),rgb(29,23,2));border-radius:50%;border:1px rgb(173,155,52) solid;box-shadow:0 0 17px 3px #dda407da;overflow:hidden}.planet-ii-cloud{position:absolute;width:100%;background-image:linear-gradient(70deg,rgba(255,255,255,.685),rgba(225,244,255,.719));box-shadow:2px 0 10px 3px #ffee0054}.planet-ii-cloud-1{height:7%;left:2%;top:20%;background-image:linear-gradient(290deg,rgba(255,238,0,.685),rgba(225,244,255,0))}.planet-ii-cloud-2{height:20%;right:10%;top:70%;background-image:linear-gradient(20deg,rgba(255,238,0,.685),rgba(255,238,0,.151))}.planet-ii-cloud-3{height:15%;right:70%;top:30%;background-image:linear-gradient(290deg,rgba(255,238,0,.685),rgba(225,244,255,0))}.planet-iii{position:relative;z-index:0;rotate:0deg;background-image:linear-gradient(270deg,rgb(210,30,255),rgb(18,4,44));border-radius:50%;border:1px rgb(136,61,146) solid;box-shadow:0 0 17px 3px #39159bf5;overflow:hidden}.planet-iii-cloud{position:absolute;width:100%;background-image:linear-gradient(290deg,rgba(195,199,255,.719),rgba(72,59,255,.719));box-shadow:2px 0 10px 3px #8280ffc9}.planet-iii-cloud-1{height:15%;left:2%;top:5%}.planet-iii-cloud-2{height:20%;left:70%;top:70%;background-image:linear-gradient(0deg,rgba(70,81,226,.719),rgba(195,0,255,.719))}.planet-iii-cloud-3{height:15%;right:40%;top:55%;background-image:linear-gradient(290deg,rgba(70,81,226,.719),rgba(146,139,248,.719))}.planet-iv{position:relative;z-index:0;rotate:2deg;background-image:linear-gradient(270deg,rgb(245,41,41),rgb(77,6,6));border-radius:50%;border:1px rgb(248,82,70) solid;box-shadow:0 0 15px 2px #ffcbcbf5;overflow:hidden}.planet-iv-cloud{position:absolute;width:100%;background-image:linear-gradient(290deg,rgba(219,219,219,.959),rgba(252,134,119,.719));box-shadow:2px 0 10px 3px #af9d9dc9}.planet-iv-cloud-1{height:4%;left:2%;top:85%}.planet-iv-cloud-2{height:2%;left:70%;top:10%}.planet-iv-cloud-3{height:10%;right:20%;top:55%}.sky-background{position:fixed;width:100%;height:100%;z-index:-2}:root{--skills-bg-color: #2f0047;--skills-pane-color: rgba(8, 8, 39, .42)}.main-skills{min-height:100%;position:relative;z-index:3}.main-skills h1{padding:1em auto;text-align:center;margin:0 auto}.main-skills .planet-landscape-container{position:fixed;z-index:-5}.canvas_container{position:fixed;overflow:hidden;width:100%;height:100%}.skills-list{display:flex;flex-flow:row wrap;justify-content:space-evenly;align-items:stretch;gap:1rem;max-width:1000px;width:min(100%,1000px);z-index:3;margin:auto}.skill-item{background-color:var(--skills-pane-color);min-width:300px;max-width:600px;height:auto;max-height:none;margin:1em auto;z-index:3;padding:12px}.skill-item *{text-align:center}.skill-item h2,.skill-item p{margin:10px 0}.skill-item__icon{width:48px;height:48px;display:block;margin:0 auto;object-fit:contain;border-radius:0}.skill-item__description{font-size:.95rem;opacity:.9}.main-skills__meter-container{width:200px;height:15px;background-color:#000;border:var(--accent-color) 1px solid;margin:10px auto}.skill-meter{width:100%;height:100%;margin:0;background-image:linear-gradient(to right,var(--accent-color) 0%,var(--emp-color) 100%);clip-path:polygon(0% 0,50% 0,50% 100%,0% 100%)}@media (min-width: 721px){.skills-list{padding-bottom:.5rem}.skill-item__description{font-size:1.05rem}}.nightsky-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:-1}.nightsky-stars-layer{position:absolute;top:0;right:0;bottom:0;left:0}.nightsky-star{position:absolute;width:2px;height:2px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 0 8px #aad2ff73;animation:twinkle linear infinite}.shooting-star{--shoot-distance: 300px;position:absolute;height:2px;width:160px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(199,227,255,.9),rgba(255,255,255,0));transform:rotate(35deg) translate(0);opacity:0;animation:shooting-star-animate 1.6s ease-out 1}.shooting-star span{position:absolute;height:5px;width:5px;right:0;top:-2px;border-radius:50%;background-color:#fffffff2;box-shadow:0 0 14px 4px #b1dbffd9;animation:shooting-star-flash 1.6s ease-out 1}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}@keyframes shooting-star-animate{0%{transform:rotate(35deg) translate(0);opacity:0}15%{opacity:1}80%{opacity:.8}to{transform:rotate(35deg) translate(var(--shoot-distance));opacity:0}}@keyframes shooting-star-flash{0%{opacity:0}50%{opacity:1}to{opacity:0}}:root{--projects-bg-color: rgb(19, 6, 3);--projects-pane-color: rgba(8, 8, 39, .295)}.main-projects{min-height:100vh;position:relative;z-index:3}.main-projects h1{padding:1em auto;text-align:center;margin:0 auto}.projects-pane{position:relative;display:flex;flex-flow:row wrap;justify-content:space-evenly}.project-item{background-color:var(--projects-pane-color);min-width:400px;min-height:300px;z-index:3;position:relative;margin:1em}.project-item>*{margin:1em auto;text-align:center}.project-item__description{width:300px;min-height:70px}.button-link-container{width:300px;height:fit-content}.button-link-container a{display:block;margin:.5em}.iframe-container,.screenshot-container{border:2px solid black;background-color:#000;z-index:3;width:300px;line-height:350px;display:block;margin:0 auto 1em;overflow:hidden;font-size:300%}.iframe-container{height:350px}.relevant-skills-list{display:flex;flex-flow:wrap;justify-content:center;max-width:250px}.applied-skill-item{background-color:var(--relevant-skill-item-color);margin:.25em;padding:.25em;font-weight:400}:root{--about-pane-color: rgba(8, 8, 39, 1)}.main-about{min-height:100%;position:relative;z-index:3}.main-about h1{padding:1em auto;text-align:center;margin:0 auto}.main-about .bg-clouds-container{position:fixed;height:200px}.main-about .bg-cloud{background-image:linear-gradient(90deg,rgba(121,182,218,.685),rgba(0,0,0,0))}.main-about__section-whoami,.main-about__section-timeline,.history-timeline__timeline-item,.main-about__section-hobby-portion p{background-color:var(--about-pane-color)}.bg-cloud-1{height:10vw;width:35vw}.bg-cloud-2{height:5vh;width:60vw}.bg-cloud-3{height:7vh;width:60vw}.main-grid{display:grid;grid-template-rows:max-content max-content;grid-template-columns:repeat(4,1fr);margin:auto;background-color:transparent;width:80vw}.main-grid section{min-height:50vh;height:fit-content}.main-grid p{font-size:140%}.main-about h1{grid-row-start:1;grid-column-start:1;grid-column-end:span 3}.main-about__section-whoami{grid-row-start:1;grid-row-end:span 1;grid-column-start:1;grid-column-end:span 2;align-self:top;text-align:center}.main-about__section-portrait{grid-row-start:1;grid-row-end:span 1;grid-column-start:3;grid-column-end:span 2;display:flex;max-width:1000px}.main-about__section-portrait img{margin:auto;width:60%;border:5px solid var(--accent-color);box-shadow:5px 5px var(--emp-color)}.main-about__section-hobby-portion{grid-row-start:2;grid-column-start:1;grid-column-end:span 4}.main-about__section-timeline{grid-row-start:3;grid-column-start:1;grid-column-end:span 2}.history-timeline__timeline-item h3{color:var(--accent-color);font-size:200%;padding:0;margin:0}.history-timeline__timeline-item{list-style:none;border-left:2px solid var(--accent-color)}.history-timeline__timeline-item ul{list-style:none}.history-timeline__timeline-item li{padding:.25em;margin:0;font-size:120%}@media (max-width: 720px){.main-grid{width:90vw;margin:0 1em;grid-template-rows:repeat(3,max-content) repeat(9,.3fr);grid-template-columns:repeat(4,1fr)}.main-grid section{height:fit-content}.main-about__section-whoami{grid-row-start:2;grid-row-end:span 2;grid-column-start:1;grid-column-end:span 4;align-self:top}.main-about__section-portrait{grid-row-start:1;grid-row-end:span 1;grid-column-start:1;grid-column-end:span 4;display:flex;max-width:1000px}.main-about__section-portrait img{margin:auto;width:90%}.main-about__section-hobby-portion{grid-row-start:4;grid-column-start:1;grid-column-end:span 4}.main-about__section-timeline{grid-row-start:5;grid-column-start:1;grid-column-end:span 4}}@media (min-width: 1025px){.solarsystem-info-container{flex-direction:row}.solarsystem-info-container .homepage-section{width:40vw;height:100vh}}:root{--leisure-bg-color: rgb(8, 1, 1);--leisure-bg-color-atmosphere-start: rgb(83, 17, 36);--leisure-bg-color-end: rgb(151, 4, 4);--leisure-pane-color: rgba(8, 8, 39, .295)}.main-leisure{min-height:125vh;height:100%;position:relative;z-index:3}.main-leisure h1{padding:1em auto;text-align:center;margin:0 auto}.main-leisure .planet-landscape-container{position:fixed;z-index:-5}.planet-iv-mountain-container{position:absolute;width:800px;height:600px}.planet-iv-mountain-container:nth-child(1){left:10%}.planet-iv-mountain-container:nth-child(2){left:70%}.planet-iv-mountain{width:140%;height:140%;right:0;position:absolute;rotate:0;z-index:1;margin:0;background-image:linear-gradient(235deg,rgb(29,17,39) 40%,rgb(22,19,37) 70%,rgb(33,29,90) 100%)}.planet-iv-mountain-1:nth-child(1){bottom:-30%;clip-path:polygon(0% 80%,2% 34%,5% 34%,10% 20%,13% 30%,17% 40%,30% 30%,40% 27%,42% 20%,45% 17%,49% 10%,50% 20%,65% 45%,75% 42%,78% 49%,100% 80%)}.planet-iv-mountain-2{bottom:-30%;clip-path:polygon(0% 80%,10% 50%,17% 46%,20% 48%,25% 44%,35% 40%,47% 46%,54% 40%,59% 35%,65% 30%,70% 33%,73% 20%,77% 25%,80% 15%,84% 27%,89% 30%,93% 48%,95% 60%,100% 80%)}.planet-iv-surface{background-color:#2a1c3d;width:100%;height:100px;bottom:0;right:0;position:absolute;z-index:1;margin:0}.leisure-pane{position:absolute;display:flex;justify-content:space-around;flex-flow:row wrap;margin:auto;min-height:1000px;width:100%}.leisure-pane-item{background-color:var(--leisure-pane-color);padding:1em;margin:1em;min-width:300px;max-width:600px}.leisure-pane-item .leisure-pane-item__img-container{width:100%;margin:0 auto;display:flex;justify-content:center}.leisure-pane-item img{width:75%;margin:1em auto}.leisure-pane-item>*{margin:1em auto}.leisure-pane-item div:last-child{width:100%;text-align:center}html{height:100%;width:100%;position:relative;overflow-x:hidden;background-color:#000;overscroll-behavior:none}html,body{width:100vw;margin:0;background-color:#000}#root{height:100%}main{padding-top:5em;padding-bottom:5em;overflow:hidden}body{font-family:Josefin Sans;font-weight:200;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color)}.main-homepage{background-image:linear-gradient(to bottom,var(--background-color),var(--background-color-end));min-height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.overview-text{font-size:200%}.emp-text{color:var(--emp-color);font-weight:800;text-shadow:var(--emp-text-color-shadow) 0px 0px 3px}.navflex-container{position:absolute;top:0;background-color:var(--headerfooter-color);display:flex;flex-flow:row wrap;justify-content:space-between;width:100vw;z-index:999}.navflex-container a{text-decoration:none;color:var(--text-color);font-size:70%}.navflex-container a:hover{text-decoration:none;color:var(--text-color);font-size:70%;cursor:pointer;color:var(--emp-color)}.navflex-item{padding-right:2em}.item-1{width:auto;padding:1em}.item-1 h1{margin:auto}.item-2{width:fit-content;display:flex}.item-2>div{width:fit-content;margin:0 .25em}footer{background-color:var(--headerfooter-color);display:flex;flex-flow:row wrap;justify-content:space-between;padding:1em 2em;z-index:999;position:fixed;bottom:0;left:0;width:100%;box-sizing:border-box}h1{font-size:3em}h2{font-size:2em}p{font-size:1em}nav{width:100vw;z-index:100;position:sticky;top:0}nav p{display:inline-block;border:2px solid;color:var(--accent-color);padding:1em 2em;margin:0;font-size:100%}.homepage-section{background-color:var(--pane-color);margin:1em 0;padding:1em 0}.homepage-section *{z-index:4}.homepage-section .planet-art{margin:auto;top:-20%}.section-subheading{padding-top:10px;color:var(--accent-color);background-image:linear-gradient(to left,var(--accent-color),30%,rgba(0,0,0,0),100%,rgba(0,0,0,0))}.main-skills>h2,.main-projects__section>h2,.main-skills__section>h2{background-image:linear-gradient(to left,var(--accent-color),30%,rgba(0,0,0,0),100%,rgba(0,0,0,0));padding-top:10px;width:600px;margin:10px auto}.link-button{font-family:Josefin Sans;font-weight:400;font-size:150%;text-decoration:none;color:var(--accent-color);background-color:transparent;border-bottom:1px solid var(--accent-color);margin:0}.link-button a{width:100%;height:100%;display:flex;align-items:center;padding:0 .5em;margin:0}.link-button:hover{cursor:pointer;color:#000;animation-name:button-flair;animation-duration:.5s;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes button-flair{0%{background-color:transparent}to{background-color:var(--accent-color)}}.button-disabled{border:2px solid var(--disabled-color);color:var(--disabled-color)}.solarsystem-info-container{position:relative;min-height:0}.solar-system{min-width:600px;min-height:600px;width:50vw;height:50vw;position:relative;margin:0 2em;z-index:7;flex-shrink:0}.solar-system *{z-index:8}.solar-system .sun-art{position:absolute;width:var(--sun-i-width-home);height:var(--sun-i-width-home);left:50%;top:50%;transform:translate(-50%,-50%);z-index:8}.space-particle{background-color:var(--accent-color);border-radius:50%;box-shadow:0 0 10px 10px #dac5050d;width:5px;height:5px;position:absolute;z-index:-5}.orbit{border-radius:50%;border:1px rgba(116,105,168,.288) solid;position:absolute}.orbit-i .planet-i,.orbit-ii .planet-ii,.orbit-iii .planet-iii,.orbit-iv .planet-iv{position:absolute;top:50%;width:var(--planet-extrasmall);height:var(--planet-extrasmall);margin-top:calc(var(--planet-extrasmall) * -.5);left:calc(var(--planet-extrasmall) * -.5)}.orbit-i{animation:orbit-animation-i 700s linear infinite}.orbit-ii{animation:orbit-animation-ii 330s linear infinite}.orbit-iii{animation:orbit-animation-iii 150s linear infinite}.orbit-iv{animation:orbit-animation-iv 60s linear infinite}@keyframes orbit-animation-i{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes orbit-animation-ii{0%{transform:rotate(265deg)}to{transform:rotate(-95deg)}}@keyframes orbit-animation-iii{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes orbit-animation-iv{0%{transform:rotate(160deg)}to{transform:rotate(-200deg)}}@media (max-width: 720px){main{padding-bottom:9.5em}.solarsystem-info-container,.solar-system{display:none}.homepage-section-overview{display:flex;flex-direction:column;align-items:center}.homepage-section-overview .sun-art-container{display:block}.homepage-section-overview__subheading{grid-row-start:1;padding:0}.mobile-homepage-list{display:flex;flex-flow:column;align-items:center;margin:2em}.mobile-homepage-list p{text-align:justify}.mobile-homepage-list .planet-art{width:var(--planet-medium);height:var(--planet-medium)}footer .link-button a:after{content:none}}.planet-landscape-container{width:100%;height:500px;position:absolute;bottom:0;z-index:0;overflow:hidden}.kyle-image-hand{position:absolute;top:0;left:0;opacity:1;overflow:hidden;z-index:4;height:100%}@media (max-width: 1024px){.solar-system{margin:auto}.solarsystem-info-container .homepage-section{width:100%;min-height:0;flex:1 1 auto;max-height:none;overflow-x:hidden;overflow-y:visible}.solarsystem-info-container{margin-bottom:0}.kyle-image-hand{position:absolute;bottom:-100px;left:-100px;height:125vh;opacity:1;overflow:hidden;z-index:-4;visibility:hidden}.kyle-image-hand img{visibility:hidden}}@media (min-width: 721px){.homepage-section{display:block}.planet-home-mobile{display:none}.homepage-section-overview{display:grid;grid-template-columns:.5fr .5fr;grid-template-rows:100px max-content .2fr 50px;margin-top:0;padding-top:0}.sun-art-container{grid-row-start:1;grid-row-end:span 2;grid-column-start:1;grid-column-end:span 1}.homepage-section-overview__subheading{grid-row-start:1;grid-row-end:span 1;grid-column-start:1;grid-column-end:span 2;padding:1em 0;margin:0}.homepage-section__overview-text{grid-row-start:3;grid-row-end:span 1;grid-column-start:1;grid-column-end:span 2}.homepage-section-overview .link-button{margin:auto;grid-column-start:span 2;grid-row:4;font-size:200%}.homepage-section-overview .greeting{grid-row-start:2;grid-row-end:span 1;grid-column-start:1;grid-column-end:span 2;text-align:center;font-size:4vw}.homepage-section-overview .sun-art-container,.mobile-homepage-list{display:none}.solarsystem-info-container{display:flex;flex-direction:column;padding:0 2em;align-items:flex-start;justify-content:flex-start;gap:.5rem}}@media (min-width: 721px) and (max-width: 1024px){.solarsystem-info-container{container-type:inline-size;container-name:solar-info;min-height:auto}.solar-system{--solar-side: min(78vw, 72vmin, 640px);width:var(--solar-side);height:var(--solar-side);min-width:0;min-height:0;max-width:100%;flex-shrink:0}.solarsystem-info-container .homepage-section{flex:0 1 auto;min-height:auto;max-height:none;overflow-x:hidden;overflow-y:visible;box-sizing:border-box;padding:.5rem .75rem;margin:.5rem 0 1rem}.solarsystem-info-container .homepage-section-overview{grid-template-columns:1fr;grid-template-rows:auto;gap:.4rem}.solarsystem-info-container .homepage-section-overview__subheading{grid-row:auto;grid-column:auto;padding:.35rem 0}.solarsystem-info-container .homepage-section-overview .greeting{grid-row:auto;grid-column:auto;font-size:clamp(1.15rem,5cqi,1.85rem);text-align:left}.solarsystem-info-container .homepage-section__overview-text{grid-row:auto;grid-column:auto}.solarsystem-info-container .homepage-section .overview-text{font-size:clamp(.95rem,3.8cqi,1.3rem);line-height:1.35}.solarsystem-info-container .homepage-section h1{font-size:clamp(1.35rem,6cqi,2.15rem)}.solarsystem-info-container .homepage-section h2,.solarsystem-info-container .homepage-section .section-subheading{font-size:clamp(.9rem,3.5cqi,1.35rem);line-height:1.2}.solarsystem-info-container .homepage-section-overview .link-button{grid-column:1 / -1;grid-row:auto;font-size:clamp(1rem,3.5cqi,1.4rem);margin:.35rem 0 0;justify-self:start}}@media (min-width: 1025px){main.main-homepage{min-height:unset;height:100dvh;max-height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.solarsystem-info-container{flex-direction:row;align-items:stretch;justify-content:space-between;flex:1 1 auto;min-height:0}.solarsystem-info-container .homepage-section{width:40vw;min-width:0;height:100%;max-height:100%;min-height:0;overflow:hidden;box-sizing:border-box}.solar-system{--solar-side: min(36vw, calc(100dvh - 11rem));width:var(--solar-side);height:var(--solar-side);min-width:0;min-height:0;max-width:min(36vw,calc(100dvh - 11rem));max-height:min(36vw,calc(100dvh - 11rem));margin:0 1em;align-self:center}}