@keyframes floating{0%{transform:translateX(0,-0px) rotate(3deg)}50%{transform:translate(15px,-15px) rotate(2deg)}to{transform:translateX(0,-0px) rotate(3deg)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes floating-2{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translate(0)}}@keyframes floating{0%{transform:translateX(0,-0px) rotate(0)}50%{transform:translateY(15px) rotate(0)}to{transform:translateX(0,-0px) rotate(0)}}@keyframes hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes pulse{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes spin{0%{content:"Hello"}20%{content:"Guten Tag"}40%{content:"Ciao"}60%{content:"Kon'nichiwa"}80%{content:"Namaste"}to{content:"Hello"}}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media only screen and (max-width: 600px){#root{margin:0 auto;text-align:center}html,body{padding:0;margin:0;height:100%;width:100%;overflow:hidden;scroll-behavior:smooth;--bg-primary: #2c3e50;--bg-secondary: #27ae60;--bg-tertiary: #e74c3c;--bg-accent: #3498db;--bg-white: white;--bg-primary-shadow: #1f2a36;--bg-secondary-shadow: #1f7e49;--bg-tertiary-shadow: #c5392f;--bg-accent-shadow: #2a80b9;--bg-white-shadow: whitesmoke}.container{--astroWidth: calc(100vh / 3);left:calc(50vw - calc(var(--astroWidth) / 2));top:50vh;position:absolute;align-content:center;justify-content:center;align-items:center;z-index:200}.big-button{color:var(--bg-white);transition:all .2s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;outline:none;border:none;padding:15px;z-index:200;font-size:calc(100vh / 30);position:absolute;top:10vh;height:calc(100vh / 13);width:calc(100vh / 3)}.big-button-text-container{display:flex;justify-content:center;align-items:center}.big-button-text{margin-left:5px}.big-button:focus{outline:none}.big-button:active{background-color:var(--bg-primary-shadow);box-shadow:0 5px var(--bg-primary-shadow);transform:translateY(4px);outline:none;border:none}.project{width:90vw;position:"relative";border-radius:"2rem"}.project-image{position:relative;margin:1rem;height:calc(80vh / 3.6)}.project-image-container{display:flex;justify-content:center;flex-direction:column;flex-wrap:nowrap;align-items:center}.projects-page{position:absolute;height:100vh;width:100vw;z-index:999;animation:all .1s;padding-top:1rem}.projects-page-bg{background-color:red}.hero-section{position:relative;height:100vh;width:100vw}.rotate{animation:rotate 1.5s linear infinite}.tagline{width:400px;height:500px;position:absolute;top:1rem;left:2rem;font-size:xx-large;text-align:left}.quote-img{width:30px;height:30px;position:absolute}.floating{animation-name:floating;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;margin-left:30px;margin-top:5px}.rect{background:linear-gradient(-119deg,gray,#a9a9a9)}.planet{position:relative;height:200vw;width:200vw;border-radius:100%;z-index:100;animation:rotate 300s linear infinite;filter:blur(1px);box-shadow:4rem 4rem 4rem 4rem var(--c1) inset;top:calc(100vh / 1.3);left:-50vw}.planet.background{background-repeat:repeat;position:absolute;top:calc(100vh / 1.3);left:-50vw;z-index:1}.planet-atmosphere{position:absolute;top:0vh;left:-50vw;height:200vw;width:200vw;background:linear-gradient(#f0f,#fff,#ff0,#0ff);border-radius:100%;animation:rotate 10s linear infinite;filter:blur(5000px);z-index:-1}.planet-atmosphere-debris{position:absolute;top:10vh;left:-50vw;height:200vw;width:200vw;border-radius:100%;z-index:0;--s: 90px;--_s: 37.5% 12.5% at 62.5%;--_g: 34% 99%, #0000 101%;--g1: radial-gradient(var(--_s) 100%, #0000 32%, var(--c1) var(--_g));--g2: radial-gradient(var(--_s) 0, #0000 32%, var(--c1) var(--_g));--g3: radial-gradient(var(--_s) 100%, #0000 32%, var(--c2) var(--_g));--g4: radial-gradient(var(--_s) 0, #0000 32%, var(--c2) var(--_g));background:var(--g1),var(--g2) 0 calc(3 * var(--s)),var(--g3) var(--s) calc(3 * var(--s)),var(--g4) var(--s) calc(6 * var(--s)),var(--g1) calc(2 * var(--s)) calc(6 * var(--s)),var(--g2) calc(2 * var(--s)) calc(9 * var(--s)),var(--g3) calc(3 * var(--s)) calc(9 * var(--s)),var(--g4) calc(3 * var(--s)) 0,repeating-linear-gradient(var(--c1) 0 25%,var(--c2) 0 50%);background-size:calc(4 * var(--s)) calc(12 * var(--s));opacity:.1;animation:rotate 400s linear infinite;box-shadow:0 0 10rem 10rem #ffffffd0 inset}.astronaut-img{position:absolute;top:-20vh;height:calc(100vh / 3);width:calc(100vh / 3);animation:floating 3s ease-in-out infinite}.icon-sm{height:40px;width:40px}.footer{position:absolute;font-size:5vw;z-index:15;left:25vw;top:1rem}.bubble{padding:30px;border-radius:25px}#hello{position:absolute;width:100%;top:-1vh;left:6vw;animation:pulse 2s linear infinite;color:#000;z-index:15;display:inline-flex}#title{font-size:20px;color:#000;z-index:15;display:inline-flex}#hello:after{content:"Hello";animation:spin 10s linear infinite 1s;font-size:xx-large;padding:10px}.tools-scrolling-text{position:absolute;font-size:x-large;top:0;left:0;margin-top:4rem;margin-left:2rem;overflow:hidden;width:100vw}.marquee{white-space:nowrap;overflow:hidden;display:inline-block;animation:marquee 10s linear infinite}.marquee p{display:inline-block}}@media only screen and (min-width: 600px){#root{margin:0 auto;text-align:center}html,body{padding:0;margin:0;height:100%;width:100%;overflow:hidden;--bg-primary: #2c3e50;--bg-secondary: #27ae60;--bg-tertiary: #e74c3c;--bg-accent: #3498db;--bg-white: white;--bg-primary-shadow: #1f2a36;--bg-secondary-shadow: #1f7e49;--bg-tertiary-shadow: #c5392f;--bg-accent-shadow: #2a80b9;--bg-white-shadow: whitesmoke}.container{position:absolute;top:50vh;--astroWidth: calc(100vh / 3);left:calc(50vw - calc(var(--astroWidth) / 2));align-content:center;justify-content:center;align-items:center;flex-direction:column;z-index:200}.big-button{color:var(--bg-white);transition:all .2s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;outline:none;border:none;padding:15px;font-size:calc(100vh / 30);z-index:200;position:absolute;top:12.5vh;left:1vw;height:calc(100vh / 13);width:calc(100vh / 3)}.big-button-text-container{display:flex;justify-content:center;align-items:center}.big-button-text{margin-left:5px}.big-button:focus{outline:none}.big-button:active{background-color:var(--bg-primary-shadow);box-shadow:0 5px var(--bg-primary-shadow);transform:translateY(4px);outline:none;border:none}.project{width:90vw;border-radius:"4rem"}.project-image{display:block;position:relative;height:calc(80vh / 3);margin:1rem}.project-image-container{display:flex;justify-content:center;flex-direction:row;flex-wrap:nowrap;align-items:center}.projects-page{position:absolute;height:100vh;width:100vw;z-index:999;animation:all .1s;padding-top:1rem}.projects-page-bg{background-color:red}.hero-section{position:relative;height:100vh;width:100vw}.rotate{animation:rotate 1.5s linear infinite}.white{color:var(--bg-white)}.tagline{width:400px;height:500px;position:absolute;top:1rem;left:2rem;font-size:xx-large;text-align:left}.quote-img{width:30px;height:30px;position:absolute}.floating{animation-name:floating;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;margin-left:30px;margin-top:5px}.rect{background:linear-gradient(-119deg,gray,#a9a9a9)}.planet{position:relative;height:200vw;width:200vw;border-radius:100%;z-index:100;animation:rotate 300s linear infinite;filter:blur(1px);box-shadow:4rem 4rem 4rem 4rem var(--c1) inset;top:calc(100vh / 1.3);left:-50vw}.planet.background{background-repeat:repeat;position:absolute;top:calc(100vh / 1.3);left:-50vw;z-index:1}.planet-atmosphere{position:absolute;top:0vh;left:-50vw;height:200vw;width:200vw;background:linear-gradient(#f0f,#fff,#ff0,#0ff);border-radius:100%;animation:rotate 10s linear infinite;filter:blur(5000px);z-index:-1}.planet-atmosphere-debris{position:absolute;top:10vh;left:-50vw;height:200vw;width:200vw;border-radius:100%;z-index:0;--s: 90px;--_s: 37.5% 12.5% at 62.5%;--_g: 34% 99%, #0000 101%;--g1: radial-gradient(var(--_s) 100%, #0000 32%, var(--c1) var(--_g));--g2: radial-gradient(var(--_s) 0, #0000 32%, var(--c1) var(--_g));--g3: radial-gradient(var(--_s) 100%, #0000 32%, var(--c2) var(--_g));--g4: radial-gradient(var(--_s) 0, #0000 32%, var(--c2) var(--_g));background:var(--g1),var(--g2) 0 calc(3 * var(--s)),var(--g3) var(--s) calc(3 * var(--s)),var(--g4) var(--s) calc(6 * var(--s)),var(--g1) calc(2 * var(--s)) calc(6 * var(--s)),var(--g2) calc(2 * var(--s)) calc(9 * var(--s)),var(--g3) calc(3 * var(--s)) calc(9 * var(--s)),var(--g4) calc(3 * var(--s)) 0,repeating-linear-gradient(var(--c1) 0 25%,var(--c2) 0 50%);background-size:calc(4 * var(--s)) calc(12 * var(--s));opacity:.1;animation:rotate 400s linear infinite;box-shadow:0 0 10rem 10rem #ffffffd0 inset}.astronaut-img{position:absolute;top:-30vh;left:0;height:calc(100vh / 3);width:calc(100vh / 3);animation:floating 3s ease-in-out infinite}.icon-sm{height:40px;width:40px}.footer{position:absolute;font-size:2.5vw;z-index:15;left:38vw;top:1rem}.bubble{padding:30px;border-radius:25px}#hello{position:absolute;width:100%;top:-1vh;left:6vw;animation:pulse 2s linear infinite;color:#000;z-index:15;display:inline-flex}#title{font-size:20px;color:#000;z-index:15;display:inline-flex}#hello:after{content:"Hello";animation:spin 10s linear infinite 1s;font-size:xx-large;padding:10px}.tools-scrolling-text{position:absolute;font-size:x-large;top:0;left:0;margin-top:4rem;margin-left:2rem;overflow:hidden;width:100vw}.marquee{white-space:nowrap;overflow:hidden;display:inline-block;animation:marquee 10s linear infinite}.marquee p{display:inline-block}.playfair-display-400{font-family:Playfair Display,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.playfair-display-600{font-family:Playfair Display,serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.playfair-display-900{font-family:Playfair Display,serif;font-optical-sizing:auto;font-weight:900;font-style:normal}.lato-thin{font-family:Lato,sans-serif;font-weight:100;font-style:normal}.lato-light{font-family:Lato,sans-serif;font-weight:300;font-style:normal}.lato-regular{font-family:Lato,sans-serif;font-weight:400;font-style:normal}.lato-bold{font-family:Lato,sans-serif;font-weight:700;font-style:normal}.lato-black{font-family:Lato,sans-serif;font-weight:900;font-style:normal}.lato-thin-italic{font-family:Lato,sans-serif;font-weight:100;font-style:italic}.lato-light-italic{font-family:Lato,sans-serif;font-weight:300;font-style:italic}.lato-regular-italic{font-family:Lato,sans-serif;font-weight:400;font-style:italic}.lato-bold-italic{font-family:Lato,sans-serif;font-weight:700;font-style:italic}.lato-black-italic{font-family:Lato,sans-serif;font-weight:900;font-style:italic}}@media only screen and (min-width: 768px){.container{position:absolute;top:50vh;--astroWidth: calc(100vh / 3);left:calc(50vw - calc(var(--astroWidth) / 2));align-content:center;justify-content:center;align-items:center;flex-direction:column;z-index:200}.planet{position:relative;height:200vw;width:200vw;border-radius:100%;z-index:100;animation:rotate 300s linear infinite;filter:blur(1px);box-shadow:4rem 4rem 4rem 4rem var(--c1) inset;top:calc(100vh / 1.3);left:-50vw}.planet.background{background-repeat:repeat;position:absolute;top:calc(100vh / 1.3);left:-50vw;z-index:1}.planet-atmosphere{position:absolute;top:0vh;left:-50vw;height:150vw;width:150vw;background:linear-gradient(#f0f,#fff,#ff0,#0ff);border-radius:100%;animation:rotate 10s linear infinite;filter:blur(5000px);z-index:-1}.planet-atmosphere-debris{position:absolute;top:10vh;left:-50vw;height:200vw;width:200vw;border-radius:100%;z-index:0;--s: 90px;--_s: 37.5% 12.5% at 62.5%;--_g: 34% 99%, #0000 101%;--g1: radial-gradient(var(--_s) 100%, #0000 32%, var(--c1) var(--_g));--g2: radial-gradient(var(--_s) 0, #0000 32%, var(--c1) var(--_g));--g3: radial-gradient(var(--_s) 100%, #0000 32%, var(--c2) var(--_g));--g4: radial-gradient(var(--_s) 0, #0000 32%, var(--c2) var(--_g));background:var(--g1),var(--g2) 0 calc(3 * var(--s)),var(--g3) var(--s) calc(3 * var(--s)),var(--g4) var(--s) calc(6 * var(--s)),var(--g1) calc(2 * var(--s)) calc(6 * var(--s)),var(--g2) calc(2 * var(--s)) calc(9 * var(--s)),var(--g3) calc(3 * var(--s)) calc(9 * var(--s)),var(--g4) calc(3 * var(--s)) 0,repeating-linear-gradient(var(--c1) 0 25%,var(--c2) 0 50%);background-size:calc(4 * var(--s)) calc(12 * var(--s));opacity:.1;animation:rotate 400s linear infinite;box-shadow:0 0 10rem 10rem #ffffffd0 inset}.project{width:90vw;position:"relative";border-radius:"2rem"}.project-image{display:block;position:relative;height:calc(80vh / 3);margin:1rem}.project-image-container{display:flex;justify-content:center;flex-direction:row;flex-wrap:nowrap;align-items:center}.projects-page{position:absolute;height:100vh;width:100vw;z-index:999;animation:all .1s;padding-top:1rem}}@media only screen and (min-width: 992px){.project-image{display:block;position:relative;height:calc(80vh / 3)}.project-image-container{display:flex;justify-content:center;flex-direction:row;flex-wrap:nowrap;align-items:center}}@media only screen and (min-width: 1200px){.project-image{display:block;position:relative;height:20vw}.project-image-container{display:flex;justify-content:center;flex-direction:row;flex-wrap:nowrap;align-items:center;width:100%}}.social-links:hover{transform:scale(1.1);transition-duration:.25s}.close-project-button{margin-bottom:2rem;padding:12px;border-radius:2rem;left:0;cursor:pointer;outline:none;border:none;font-size:large;z-index:102;background-color:#fff;color:#000}.close-project-button:focus{outline:none}.close-project-button:active{background-color:#d3d3d3;box-shadow:0 5px #d3d3d3;transform:translateY(4px);outline:none;border:none}.playfair-display-400{font-family:Playfair Display,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.playfair-display-600{font-family:Playfair Display,serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.playfair-display-900{font-family:Playfair Display,serif;font-optical-sizing:auto;font-weight:900;font-style:normal}.lato-thin{font-family:Lato,sans-serif;font-weight:100;font-style:normal}.lato-light{font-family:Lato,sans-serif;font-weight:300;font-style:normal}.lato-regular{font-family:Lato,sans-serif;font-weight:400;font-style:normal}.lato-bold{font-family:Lato,sans-serif;font-weight:700;font-style:normal}.lato-black{font-family:Lato,sans-serif;font-weight:900;font-style:normal}.lato-thin-italic{font-family:Lato,sans-serif;font-weight:100;font-style:italic}.lato-light-italic{font-family:Lato,sans-serif;font-weight:300;font-style:italic}.lato-regular-italic{font-family:Lato,sans-serif;font-weight:400;font-style:italic}.lato-bold-italic{font-family:Lato,sans-serif;font-weight:700;font-style:italic}.lato-black-italic{font-family:Lato,sans-serif;font-weight:900;font-style:italic}