:root{--link-a-color:#6e828c;--generic-text-color:#fff;--generic-background-color:#000;--page-title-color:hsla(0,0%,100%,.1);--page-subtitle-color:hsla(0,0%,100%,.5);--section-title-color:#466e8c;--blue-title-shadow-color:#3c505a;--white-title-shadow-color:#000;--blue-shadow-color:#3c505a;--main-title-color:#648c96;--loader-color:#3c505a;--header-shade:rgba(0,0,0,.7);--background-shade:rgba(0,0,0,.5);--generic-border-color:#212121;--container-border-color:#fff;--main-border-color:#3c505a;--mobile-menu-close-button-color:#fff;--mobile-menu-background-color:#000;--sound-control-bar-background-color:#3c505a;--skillbar-background:#424242;--skillbar-hover-effect-color:#0064c8;--skillbar-fill-color:#006e8c;--more-skill-background-color:rgba(0,100,100,.5);--container-hover-color:#006e8c;--important-text-hover-color:#d2d232;--project-detail-visit-button-color:#008cbe;--project-detail-nav-background-color:hsla(0,0%,39%,.2)}@font-face{font-display:swap;font-family:Jost;font-style:normal;font-weight:200;src:url(Jost-200-Thin.dfe8c2ff.woff2) format("woff2")}@font-face{font-display:swap;font-family:Jost;font-style:normal;font-weight:300;src:url(Jost-300-Light.020780ab.woff2) format("woff2")}.toastify{background:-webkit-linear-gradient(315deg,#73a5ff,#5477f5);background:linear-gradient(135deg,#73a5ff,#5477f5);border-radius:2px;box-shadow:0 3px 6px -1px rgba(0,0,0,.12),0 10px 36px -4px rgba(77,96,232,.3);color:#fff;cursor:pointer;display:inline-block;max-width:calc(50% - 20px);opacity:0;padding:12px 20px;position:fixed;text-decoration:none;transition:all .4s cubic-bezier(.215,.61,.355,1);z-index:2147483647}.toastify.on{opacity:1}.toast-close{opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{border-radius:2px;height:1.5em;margin:-7px 5px;width:1.5em}.toastify-center{left:0;margin-left:auto;margin-right:auto;max-width:fit-content;max-width:-moz-fit-content;right:0}@media only screen and (max-width:360px){.toastify-left,.toastify-right{left:0;margin-left:auto;margin-right:auto;max-width:fit-content;right:0}}body,html{background-color:var(--generic-background-color);box-sizing:border-box;color:var(--generic-text-color);font-family:Jost,serif;height:100%;margin:0;padding:0;position:relative}body{overflow-x:hidden}a{color:var(--link-a-color);text-decoration:none}p{opacity:.8}#webgl{opacity:0;position:fixed;transition:opacity 1s linear;z-index:2}#webgl.show{opacity:1}.page{background:none;left:0;opacity:0;padding-bottom:10vh;position:absolute;top:0;transform:translate3d(0,20%,0);transition:.8s linear;width:100%;z-index:0}.page.show{opacity:1;transform:translateZ(0);z-index:100}.page.hide{display:none}.page-title{color:var(--page-title-color);font-size:12em;font-weight:300;letter-spacing:2vw;position:absolute;top:12vh;width:100%}.page-subtitle,.page-title{margin:0 auto;pointer-events:none;text-align:center;text-transform:uppercase;user-select:none;white-space:nowrap}.page-subtitle{color:var(--page-subtitle-color);font-size:2em;letter-spacing:1vh;position:relative;top:23vh}.page .feature{margin-top:45vh}.page .feature .feature-image{display:block;height:auto;margin-left:auto;margin-right:auto;object-fit:contain;width:80vw}.section-title{color:var(--section-title-color);font-size:2em;letter-spacing:1vh;margin-bottom:5vh;margin-top:10vh;pointer-events:none;text-align:center;text-shadow:0 3px 10px var(--blue-title-shadow-color);text-transform:uppercase}.data-container{background:var(--background-shade);border:3px solid var(--main-border-color);border-left:none;border-radius:25px;border-right:none}.data-detail-container{border:1px solid var(--container-border-color);border-left:none;border-radius:15px;border-right:none}.data-detail-button{background-color:var(--project-detail-visit-button-color);border:2px solid var(--generic-border-color);border-radius:15px;color:var(--generic-text-color);display:inline-block;text-align:center}.loader{background-color:var(--loader-color);height:1px;left:50%;opacity:0;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all .3s,opacity .5s;width:0;z-index:0}.loader.show{opacity:.7;z-index:10000}.header{height:12vh;left:0;opacity:0;position:fixed;top:-5vh;transition:all 1s linear;width:100%;z-index:1000}.header.show{opacity:1;top:0;z-index:1000}.header.shade{background:var(--header-shade)}.header .logo{cursor:pointer;height:10vh;left:2vh;position:absolute;top:1vh;width:auto;z-index:100}.header .header-menu{position:absolute;right:5vw;top:5vh;z-index:0}.header .header-menu .menu-item{cursor:pointer;display:inline-block;font-size:1.3em;letter-spacing:.2vw;opacity:.5;padding-right:7px;text-transform:uppercase}.menu-button{cursor:pointer;display:none;float:right;position:relative;right:5%;top:30%;-webkit-transition:.5s linear;-moz-transition:.5s linear;-o-transition:.5s linear;transition:.5s linear;width:50px}.menu-button,.menu-button span{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}.menu-button span{background:var(--mobile-menu-close-button-color);border-radius:10px;display:block;height:4px;opacity:1;position:absolute;-webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear;transition:.25s linear;width:100%}.menu-button span:first-child{top:0}.menu-button span:nth-child(2){top:2vh}.menu-button span:nth-child(3){top:4vh}.menu-button.active span:first-child{top:2vh;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.menu-button.active span:nth-child(2){left:-12vw;opacity:0}.menu-button.active span:nth-child(3){top:2vh;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}.menu{background:var(--mobile-menu-background-color);height:100%;left:50%;margin:0;opacity:0;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all 1s;width:100%;z-index:0}.menu.show{display:block;opacity:1;z-index:1000}.menu .menu-items{left:50%;padding-inline-start:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.menu .menu-item{cursor:pointer;font-size:2em;list-style:none;margin-top:5vh;opacity:.5;padding:10px;text-align:center;text-transform:uppercase}.menu .menu-item .menu-item-home{margin-top:0}.sound-controls{cursor:pointer;height:18px;margin-left:auto;position:fixed;right:1vw;text-align:center;top:2vh;width:45px;z-index:10000}.sbar{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-color:var(--sound-control-bar-background-color);bottom:5px;float:right;height:1px;opacity:1;position:absolute;width:2px}.sbar.noAnim{-webkit-animation:none!important;-moz-animation:none!important;-o-animation:none!important;animation:none!important}#sound-icon{float:left;left:0;position:relative;top:.1vh}.sbar#bar-1{-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-name:danceHeight1;animation-name:danceHeight1;right:0}.sbar#bar-2{-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-name:danceHeight2;animation-name:danceHeight2;right:4px}.sbar#bar-3{-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-name:danceHeight3;animation-name:danceHeight3;right:8px}.sbar#bar-4{-webkit-animation-delay:.9s;animation-delay:.9s;-webkit-animation-name:danceHeight4;animation-name:danceHeight4;right:12px}@-webkit-keyframes danceHeight1{0%{height:1px}to{height:10px}}@-webkit-keyframes danceHeight2{0%{height:1px}to{height:12px}}@-webkit-keyframes danceHeight3{0%{height:1px}to{height:14px}}@-webkit-keyframes danceHeight4{0%{height:1px}to{height:8px}}@keyframes danceHeight1{0%{height:1px}to{height:10px}}@keyframes danceHeight2{0%{height:1px}to{height:12px}}@keyframes danceHeight3{0%{height:1px}to{height:14px}}@keyframes danceHeight4{0%{height:1px}to{height:8px}}.home-bar{background:var(--generic-background-color);height:50vh;position:fixed;transition:.3s linear;width:100%;z-index:1000}.top-bar{top:0}.bottom-bar{bottom:0}.home-bar-show{height:10vh}.home-bar-hide{height:0;min-height:0}.home{height:100%;overflow:hidden;padding-bottom:0;pointer-events:none}.home .titles{left:50%;margin:0;opacity:1;padding:0;pointer-events:none;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);z-index:100}.home .page-title{font-size:5em;font-weight:300;letter-spacing:2.2vw;top:0}.home .page-akatitle,.home .page-title{color:var(--main-title-color);left:auto;position:relative;text-indent:2.6vw;text-shadow:0 6px 10px var(--blue-title-shadow-color);transform:none}.home .page-akatitle{font-size:1.6em;font-weight:200;letter-spacing:1.2vw;top:-1vh}.home .page-subtitle{font-size:1.2em;left:auto;letter-spacing:1.2vw;position:relative;text-indent:1.8vw;top:0;transform:none}.footer-menu{bottom:20vh;margin:0;opacity:0;padding:0;position:fixed;text-align:center;transition:all .4s linear;width:100%;z-index:100}.footer-menu.show{opacity:1}.footer-menu .menu-items{margin:0;padding:0}.footer-menu .menu-item{cursor:pointer;display:inline-block;font-size:1.3em;letter-spacing:.2vw;opacity:.5;padding-left:4vw;padding-right:4vw;text-indent:.2vw;text-transform:uppercase;user-select:none}.info .bio,.info .ethic,.info .skill-intro{font-size:1.5em;margin-left:auto;margin-right:auto;width:90%}.skillset{display:grid;grid-template-columns:repeat(11,1fr);margin-left:auto;margin-right:auto;padding:1vh 4vw;position:relative;width:80%}.skillset .skill-container{grid-column:span 5}.skillset .padder{grid-column:span 1}.skill-container .skill-title{color:var(--main-title-color);font-size:1.1em;grid-column:span 11;letter-spacing:.5vw;margin-bottom:4vh;margin-top:5vh;pointer-events:none;text-align:center;text-shadow:0 2px 4px var(--blue-title-shadow-color);text-transform:uppercase}.skill-container ul{display:inline;list-style-type:none}.skillbar-container{animation:all 0s linear .3;background-color:var(--skillbar-background);border:1px solid var(--generic-border-color);border-radius:50px;cursor:pointer;margin-bottom:3vh;transition:all .05s}.skillbar-container:hover{box-shadow:0 0 12px 6px var(--skillbar-hover-effect-color);transform:scale(1.03)}.skillbar-container i{float:left;font-size:1em;left:1vw;position:relative;top:.5vh}.skillbar-container .skill-name{font-size:1.5em;letter-spacing:.2vw;position:fixed;text-indent:2vw;text-shadow:2px 2px 5px var(--white-title-shadow-color)}.skillbar-container .skillbar{background-color:var(--skillbar-fill-color);border-radius:50px 0 0 50px;height:35px}.more-skill-container{background-color:var(--more-skill-background-color);border:1px solid var(--generic-border-color);border-radius:0 0 25px 25px;border-top:none;display:none;font-size:1.2em;margin:-28px auto 2vh;padding:10px;text-align:center;width:90%}.github-card{font-size:1.5em;height:auto;margin-left:auto;margin-right:auto;padding:20px;position:relative;text-align:center;width:40vw}.github-card-avatar{animation:all .5s linear;border:2px solid var(--generic-border-color);border-radius:100%;box-shadow:0 1px 1px var(--blue-shadow-color);display:inline-block;height:auto;overflow:hidden;width:120px}.github-card-avatar:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}.github-card-title{color:var(--main-title-color);font-size:1.5em;letter-spacing:.15vw}.github-card-content{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2vh}.github-card-element{grid-column:span 1;margin-left:auto;margin-right:auto;padding:20px;text-transform:uppercase;transition:all .1s linear 0s;width:60%}.github-card-element a{text-decoration:none}.github-card-element:hover{background-color:var(--container-hover-color)}.github-card-element:hover a{color:var(--important-text-hover-color)}.contributions-content,.projects-content{display:grid;grid-template-columns:repeat(12,1fr);margin-left:auto;margin-right:auto;overflow:hidden;width:95%}.list-item{grid-column:span 4;height:auto;margin-bottom:5vh;margin-left:auto;margin-right:auto;padding-bottom:20px;width:95%}.list-item img{height:350px;margin-top:30px;object-fit:scale-down;opacity:.6;transition:opacity .5s;width:100%}.list-item .info .title{color:var(--main-title-color);font-size:1.5em;text-align:center}.list-item .info .text{font-size:1em;padding:0 20px}.list-item .links .detail{color:var(--main-title-color);cursor:pointer;font-size:1.5em;margin-left:auto;margin-right:auto;padding:15px;text-align:center;transition:background .3s linear 0s;width:40%}.list-item:hover .links .detail{background-color:var(--container-hover-color);color:var(--important-text-hover-color)}.list-item:hover img{opacity:1}.project-detail .page-title{color:var(--section-title-color);font-size:4em;letter-spacing:.8vw;top:30vh}.project-detail .page-subtitle{top:25vh}.project-detail .feature{margin-top:45vh}.project-detail .feature img{display:block;height:auto;margin-left:auto;margin-right:auto;object-fit:contain;width:60vw}.project-detail .description{font-size:1.5em;margin-left:auto;margin-right:auto;text-align:center;width:80%}.details-container{margin-left:auto;margin-right:auto;margin-top:5vh;padding:1vh 4vw;position:relative;width:55%}.details-container .detail{display:grid;font-size:1.2em;grid-template-columns:repeat(3,1fr);margin:2vh 0;padding:20px;transition:background .3s linear 0s}.details-container .detail:hover{background-color:var(--container-hover-color)}.details-container .detail-title{color:var(--main-title-color);grid-column:span 1;text-transform:uppercase;transition:background .3s linear 0s}.details-container .detail:hover .detail-title{color:var(--important-text-hover-color)}.details-container .detail-data{float:right;grid-column:span 2;text-align:center}.details-container .detail:hover .detail-data a{color:var(--important-text-hover-color)}.details-container .detail-button{padding:15px 32px}.bottom-nav{background-color:var(--project-detail-nav-background-color);bottom:0;display:grid;font-size:1.3em;grid-template-columns:repeat(3,1fr);height:6vh;position:absolute;width:100%}.bottom-nav .ctlbutton{cursor:pointer;grid-column:span 1;margin-bottom:auto;margin-top:auto;opacity:.6;text-align:center;text-transform:uppercase;transition:all .3s linear}.bottom-nav .ctlbutton:hover{opacity:1}.platforms .platforms-intro{font-size:1.5em;height:auto;margin-left:auto;margin-right:auto;width:90vw}.platforms .platforms-container{display:grid;grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;overflow:hidden;width:95%}.platforms-container .platform{grid-column:span 1;height:400px;margin-bottom:3vh;margin-left:auto;margin-right:auto;width:95%}.platforms-container .platform .platform-icon{font-size:2em;margin:2vh 0;text-align:center}.platforms-container .platform .platform-title{color:var(--main-title-color);font-size:1.5em;margin-bottom:20px;text-align:center}.platforms-container .platform .platform-link{color:var(--main-title-color);cursor:pointer;font-size:1.5em;margin-left:auto;margin-right:auto;padding:10px;text-align:center;transition:background .3s linear 0s;width:80%}.platforms-container .platform:hover .platform-link{background-color:var(--container-hover-color)}.platforms-container .platform:hover .platform-link a{color:var(--important-text-hover-color)}.thanks-page-container{height:auto;margin-left:auto;margin-right:auto;margin-top:5vh;padding:1vh 4vw;position:relative;width:75%}.thanks-page-container .detail{display:grid;font-size:1.3em;grid-template-columns:repeat(4,1fr);margin:2vh 0;padding:10px;transition:background .3s linear 0s}.thanks-page-container .detail:hover{background-color:var(--container-hover-color)}.thanks-page-container .detail-title{color:var(--main-title-color);grid-column:span 1;text-transform:uppercase;transition:background .3s linear 0s}.thanks-page-container .detail:hover .detail-title{color:var(--important-text-hover-color)}.thanks-page-container .detail-data{float:right;grid-column:span 2;text-align:center}.thanks-page-container .detail-link{float:right;grid-column:span 1;height:30px;margin:auto 0 auto 2vw;width:70%}.thanks-page-container .detail:hover .detail-link{color:var(--important-text-hover-color)}::-webkit-scrollbar{width:0}@media only screen and (max-width:1366px){.header .header-menu .menu-item{font-size:1.3em}.info .bio,.info .ethic,.info .skill-intro{font-size:1.5em}.contributions-content,.projects-content{grid-template-columns:repeat(8,1fr)}.list-item{width:90%}.list-item .info .title{font-size:2em}.list-item .info .text,.list-item .links .detail,.project-detail .description{font-size:1.5em}.bottom-nav,.details-container .detail{font-size:1.3em}.platforms .platforms-intro{font-size:1.5em}.thanks-page-container .detail{font-size:1.3em}}@media only screen and (max-width:1024px){.header-menu,.home-bar{display:none}.menu-button{display:block;opacity:.5}.footer-menu{bottom:5vh}.footer-menu .menu-item{font-size:1.5em;padding-left:40px;padding-right:40px}.logo{display:none}.page-title{font-size:5em}.page-subtitle{font-size:.8em;top:17vh}.page .feature{margin-top:25vh}.section-title{font-size:1.5em;margin-bottom:3vh;margin-top:5vh}.sound-controls{left:3vh;right:unset;top:3vh}.home .page-title{font-size:2em}.home .page-akatitle{font-size:1.3em}.home .page-subtitle{font-size:.7em;letter-spacing:.2vw}.info .bio,.info .ethic,.info .skill-intro{font-size:1.2em}.skillset{padding:0 4vw 4vh}.skillset .skill-container{grid-column:span 11}.skillset .padder{display:none}.skill-container .skill-title{font-size:1.3em;letter-spacing:.5vw;margin-bottom:0}.skillbar-container i{font-size:1em;left:4vw;top:.7vh}.skillbar-container .skill-name{font-size:1.2em;letter-spacing:.5vw;text-indent:6vw}.skillbar-container .skillbar{height:30px}.more-skill-container{font-size:1.2em;width:80%}.projects .feature{margin-top:30vh}.github-card{height:auto;width:80%}.github-card,.github-card-title{font-size:1.5em}.github-card-element{grid-column:span 3;margin-top:20px}.list-item{grid-column:span 12;height:auto;margin-bottom:20px;margin-left:auto;margin-right:auto;width:90%}.list-item img{height:250px}.list-item .info .title{font-size:1.5em}.list-item .info .text{font-size:1.3em;padding:0 20px}.list-item .links .detail{font-size:1.3em;padding:10px}.project-detail .page-title{font-size:3em;letter-spacing:.8vw;top:18vh}.project-detail .page-subtitle{font-size:1.5em;top:15vh}.project-detail .feature{margin-top:25vh}.project-detail .feature img{height:auto;width:80%}.details-container{margin-bottom:10vh;width:80%}.project-detail .description{font-size:1.3em}.details-container .detail{font-size:1.3em;margin:20px 0;padding:10px}.details-container .detail-title{grid-column:span 3;text-align:center}.details-container .detail-data{grid-column:span 3}.details-container .detail-button{background-color:var(--project-detail-visit-button-color);border:2px solid var(--generic-border-color);border-radius:16px;color:var(--generic-text-color);display:inline-block;padding:15px 32px;text-align:center;text-decoration:none}.bottom-nav{font-size:1.5em;height:auto;margin-top:20px}.bottom-nav .ctlbutton{grid-column:span 3;margin-bottom:5px;margin-top:5px}.platforms .page-title{font-size:4em}.platforms .page-subtitle{top:16vh}.platforms .platforms-intro{font-size:1.3em}.platforms-container .platform{grid-column:span 3;height:auto;margin-bottom:20px;padding:20px;width:90%}.platforms-container .platform .platform-icon{font-size:1.5em;margin:20px 0}.platforms-container .platform .platform-title{font-size:2em;margin-bottom:10px}.platforms-container .platform .platform-link{font-size:1.3em;padding:10px;width:80%}.thanks-page-container .detail{font-size:1.3em;margin:20px 0;padding:10px}.thanks-page-container .detail-title{grid-column:span 4;margin-top:20px;text-align:center}.thanks-page-container .detail-data{grid-column:span 4;margin-top:20px}.thanks-page-container .detail-link{grid-column:span 4;height:30px;margin:20px auto;width:50%}}
/*# sourceMappingURL=index.5ad40708.css.map */