html{scroll-behavior:smooth}body{overflow-x:hidden;color:#070f2b;margin:0;padding:0;background:linear-gradient(to right,#ffad05,#fcff4b);font-family:SUSE,sans-serif}.dark-btn{background:#38182f!important;color:wheat;border:dashed 1px wheat}.dark{background:linear-gradient(to right,#38182f,#5b2333)}.dark .landing-page{color:wheat}a{color:inherit;text-decoration:wavy underline}.scheme-option{cursor:pointer;max-width:40px;transition:all .15s ease-in-out}.scheme-option:focus,.scheme-option:hover{transition:all .15s ease-in-out;transform:scale(1.1)}button{font-family:SUSE,sans-serif}.wrapper{width:80%;margin:0 auto;max-width:1500px}.scroll-hide{display:none}.close-btn{background:#ffad05;border-radius:10px;max-width:70px;max-height:70px;position:fixed;left:10px;top:10px;cursor:pointer;color:wheat;transition:all .15s ease-in-out}.close-btn:focus,.close-btn:hover{transform:scale(1.1);transition:all .15s ease-in-out}.hidden{display:none!important}.fade-out{animation-name:fade-out;animation-fill-mode:forwards;animation-duration:.5s}.slide-left{animation-name:slide-left;animation-fill-mode:forwards;animation-duration:.5s}.slide-up{animation-name:slide-up;animation-fill-mode:forwards;animation-duration:.5s}.slide-down-nav{opacity:0;animation-name:slide-down-nav;animation-fill-mode:forwards;animation-duration:.5s}.slide-up-nav{opacity:0;animation-name:slide-up-nav;animation-fill-mode:forwards;animation-duration:.5s}.slide-down-canvas{animation-name:slide-down-canvas;animation-duration:.5s}.slide-right-canvas{animation-name:slide-right-canvas;animation-duration:.5s}.high{text-decoration:underline;font-weight:900;color:#f5f5f5}@keyframes slide-down-canvas{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-right-canvas{0%{opacity:0;transform:translate(-100%) translateY(-50%)}to{opacity:1;transform:translate(0) translateY(-50%)}}@keyframes slide-up-nav{0%{opacity:0;transform:translateY(100%) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}@keyframes slide-down-nav{0%{opacity:0;transform:translateY(-100%) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@media screen and (max-width: 1000px){html{font-size:15px}}.loader{max-width:70px}.loading-screen{position:fixed;left:0;top:0;right:0;bottom:0;background:#000c;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0}.loading-screen .loader-progress{font-size:2rem;font-weight:200;color:wheat;margin:0}.home-page{height:100vh;width:100vw}.nav-dark{background-color:#5b2333!important;color:wheat}.nav-dark ul>li.selected{color:#070f2b!important}.navigation .menu-controls{max-width:30px;cursor:pointer}.navigation .scheme-option{max-width:20px}.navigation{z-index:91;text-align:center;background-color:#ffad05;position:fixed;padding:0 1rem;border-radius:10px;bottom:0;left:50%;transform:translate(-50%)}.navigation ul{padding:0;display:flex;list-style-type:none;gap:0;font-weight:300}.navigation ul li{border-radius:10px;padding:0 1rem;cursor:pointer}.navigation ul .selected{background:#ffad05;box-shadow:#091e4240 0 4px 8px -2px,#091e4214 0 0 0 1px}.navigation .page-title{font-weight:900}@media screen and (max-width: 1000px){.navigation{width:100%!important}.navigation ul{width:90%;margin:0 auto;margin-top:2rem;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:repeat(3,1fr);gap:.5rem}.navigation ul li{font-size:16px;display:flex;align-items:center;justify-content:center;background:#fcff4b;padding:.5rem}.nav-dark ul>li{color:#070f2b!important}}.project-page{overflow-y:auto;z-index:2;background:#070f2b;color:wheat;width:100%;height:100%;position:fixed;bottom:0;display:flex;flex-direction:column;gap:1rem}.project-page .project-close{cursor:pointer;position:absolute;top:10px;left:10px}.project-page .project-left{min-height:50vh;display:flex;justify-content:center;align-items:center;text-align:center;grid-area:top}.project-page .project-right{padding:0 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:justify}.project-page .project-gallery{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin:1rem}.project-page .project-gallery .project-gallery-image{cursor:pointer;position:relative}.project-page .project-gallery .project-gallery-image img{border-radius:10px;width:300px;height:200px;object-fit:cover}.project-page .project-gallery .project-gallery-image .project-gallery-bg{position:absolute;left:0;bottom:0;background:linear-gradient(to bottom,#0000,#070f2b);height:200px;width:300px;z-index:1;border-radius:10px;opacity:0;transition:all .15s ease-in-out;display:flex;justify-content:center;align-items:flex-end;padding-bottom:1rem}.project-page .project-gallery .project-gallery-image:focus>.project-gallery-bg,.project-page .project-gallery .project-gallery-image:hover>.project-gallery-bg{opacity:1;transition:all .15s ease-in-out}.project-page .project-title{font-weight:900;font-size:2rem}.project-page .project-high{font-weight:200;font-size:1.2rem}.project-page .project-img{border:3px dashed #FFAD05;width:300px;height:200px;border-radius:10px;object-fit:cover}.project-page .project-top-wrapper{min-height:40%}@media screen and (max-width: 1000px){.project-page .project-gallery{justify-content:center}}.project1-page .project-left{padding:0 1rem;background-position:center;background-repeat:no-repeat;background-size:cover}.light-box{position:fixed;left:0;top:0;bottom:0;right:0;z-index:10;background:#070f2b;padding:2rem}.light-box img{animation-name:slide-up;animation-duration:.5s;width:100%;height:100%;object-fit:contain}.top-navigation{position:fixed;top:10px;left:50%;transform:translate(-50%)!important;list-style-type:none;font-weight:200;padding:.7rem;background:#ffad0580;border-radius:10px;border:2px dashed #FFAD05;cursor:pointer;z-index:10;opacity:0}.clickable-overlay{overflow-y:auto;position:fixed;top:0;z-index:90;right:0;height:100%;width:40%;background:#ffad0580;padding:.5rem;border-radius:10px;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.clickable-overlay .overlay-btn{background:#fcff4b;margin-top:1rem;border-radius:10px;border:dashed 1px #070F2B}.clickable-overlay .overlay-cards{gap:.5rem;flex-wrap:wrap;display:flex;justify-content:center;align-items:stretch}@media screen and (max-width: 1000px){.clickable-overlay{display:inline;z-index:92;bottom:0;top:unset;height:50%;width:100%;background:#ffad05}}.button{background:transparent;padding:.5rem;transition:all .15s ease-in-out;cursor:pointer}.overlay-card{display:flex;flex-direction:column;justify-content:space-between;background:#ffad05;width:230px;border-radius:10px;padding-top:.5rem;transition:all .15s ease-in-out;box-shadow:#091e4240 0 4px 8px -2px,#091e4214 0 0 0 1px}.overlay-card img{max-width:80px}.overlay-card:hover,.overlay-card:focus{box-shadow:none;transition:all .15s ease-in-out}.overlay-card .overlay-card-content{padding:.5rem}.overlay-card .overlay-card-content p{font-weight:300}.overlay-card .overlay-card-content h3{margin:0}.overlay-card .overlay-card-highlight{border-radius:0 0 10px 10px;background:#fcff4b;font-weight:700}.overlay-card .overlay-card-highlight p{margin:0}.helper{z-index:100;position:fixed;left:10px;bottom:10px;max-width:50px}.helper:hover,.helper:focus{cursor:pointer}.landing-page .wrapper{display:flex;width:500px;justify-content:center;min-height:100vh;flex-direction:column;gap:.1rem}.landing-page .wrapper h1,.landing-page .wrapper h2,.landing-page .wrapper p{margin:0;padding:0}.landing-page .wrapper{text-align:left}.landing-page .wrapper .landing-title{font-size:5rem;font-weight:900;line-height:80px}.landing-page .wrapper .landing-description{font-weight:200;line-height:40px;font-size:2rem}.landing-page .wrapper .start-button{margin-top:1rem;font-size:1.2rem;background:#070f2b;color:wheat;border:1px solid #070F2B}.landing-page .wrapper .start-button:focus,.landing-page .wrapper .start-button:hover{background:transparent;transition:all .15s ease-in-out;color:#070f2b;border:1px solid #070F2B}@media screen and (max-width: 1000px){.landing-page .wrapper{max-width:80%}}