body{width:100vw;height:100vh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 0fr}header{position:relative;z-index:2;grid-column:1;grid-row:1;background:linear-gradient(to top,var(--green3) 20%,var(--cyan));border-right:#0C0C0C 8px solid;display:flex;flex-direction:column;justify-content:center;align-items:center}.wave{position:absolute;z-index:1;bottom:0;width:100%;--start-bot-pos: -45px;--end-bot-pos: -15px;animation:bounce 4.5s infinite linear}.project-title{position:absolute;z-index:2;bottom:1%;right:5%;display:flex;justify-content:center;align-items:center;gap:10px}.project-title h1{font-size:var(--med-text)}.hero-text{position:relative;z-index:2;display:flex;flex-direction:column;gap:30px;padding:50px 0}.hero-text h2{font-size:var(--med-text);width:fit-content}.hero-text h1{font-size:var(--big-text);-webkit-text-stroke:2px #0C0C0C;text-shadow:6px 6px #0C0C0C;font-weight:500}.hero-text h1 .text-hover:hover{text-shadow:12px 12px #0C0C0C}.hero-text p{margin-top:30px;font-weight:700;font-size:var(--small-text)}main{overflow:hidden;grid-column:2;background:linear-gradient(to right,var(--purple2) 20%,var(--purple1))}.marquee{overflow:hidden;position:relative;z-index:2;height:50px;grid-column:1 / span 2;grid-row:3;background-color:#0c0c0c}.marquee ul{position:absolute;height:100%;display:flex;align-items:center;gap:40px;list-style:none;animation:slide 25s infinite linear}.marquee ul a{text-decoration:none}.marquee ul:hover{animation-play-state:paused}.marquee li{width:max-content;font-size:var(--tiny-text);flex-shrink:0}@keyframes slide{0%{left:100vw}to{left:calc(0vw + var(--marquee-length))}}main{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px}.image-container{display:flex;justify-content:center;align-items:center;position:relative;width:30em;height:32em}.image-container h3{position:absolute;z-index:2;top:-5%;font-style:italic;font-size:var(--small-text);color:#f8f8f80d}.me{position:relative;z-index:2;width:100%;height:100%;border:#0C0C0C 8px solid;box-shadow:6px 6px #0c0c0c;border-radius:35px;animation:image-move 3s infinite linear;transition:all .2s ease-in-out}.me:hover{animation-play-state:paused;box-shadow:18px 18px #0c0c0c;border-radius:0}main a{width:max-content;position:absolute;left:-10%;bottom:-7%;z-index:3}.lua{width:677px;height:700px;position:absolute;left:30%;bottom:-200%;z-index:4;animation:lua-peep 15s 1 linear;animation-delay:40s}.wave2{position:absolute;left:0;z-index:1;height:100%;--start-left-pos: 0;--end-left-pos: -5%;animation:bounce 3s infinite linear}.logo{width:50%;height:50%;position:absolute;left:50%;top:50%;animation:rotate 13s infinite linear}.hexa{width:25%;height:25%;position:absolute;right:10%;top:10%;--rotate-start: 0deg;--rotate-end: 360deg;animation:spin 13s infinite linear}.jax{width:50%;height:50%;position:absolute;left:10%;top:30%;animation:rotate 13s infinite linear}.square{width:30%;height:30%;position:absolute;right:10%;top:10%;--rotate-start: 0deg;--rotate-end: 360deg;animation:spin 13s infinite linear}@keyframes image-move{0%{right:0;bottom:0}25%{right:10px;bottom:10px}75%{right:-15px;bottom:-15px}to{right:0;bottom:0}}@keyframes lua-peep{0%{bottom:-100%}50%{bottom:-50%}60%{bottom:-50%}75%{bottom:-30%}85%{bottom:-30%}to{bottom:-100%}}@keyframes rotate{0%{transform:rotate(-45deg)}50%{transform:rotate(45deg)}to{transform:rotate(-45deg)}}@media screen and (max-width:700px){.image-container h3{font-size:var(--small-text)}.lua{left:-30%;width:577px;height:600px}}@media screen and (max-width:1380px){body{--big-text: 5em;--med-text: 2.25em;--small-text: 2em}}@media screen and (max-width:700px){body{--huge-text: 8em;--big-text: 4em;--med-text: 1.75em;--small-text: 1.5em;--tiny-text: 1.25em}.image-container[data-astro-cid-j7pv25f6]{position:relative;width:20em;height:22em}}@media screen and (max-width:450px){body{--big-text: 3.25em;--med-text: 1.5em;--small-text: 1em}.hero-text[data-astro-cid-j7pv25f6]{padding:50px 20px}.image-container[data-astro-cid-j7pv25f6]{position:relative;width:18em;height:20em}.text-hover[data-astro-cid-j7pv25f6]{text-shadow:3px 3px #0C0C0C}}@media screen and (orientation:portrait){body{grid-template-columns:1fr;grid-template-rows:1fr 0fr 600px;overflow:visible}header[data-astro-cid-j7pv25f6]{font-size:smaller;position:relative;z-index:2;grid-column:1;grid-row:1;border-right:none}main[data-astro-cid-j7pv25f6]{grid-column:1;grid-row:3;background-color:var(--purple2)}.marquee[data-astro-cid-j7pv25f6]{grid-column:1 / span 1;grid-row:2;background-color:#0c0c0c}.hero-text[data-astro-cid-j7pv25f6]{text-align:center;display:flex;justify-content:center;align-items:center}.hero-text[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]:nth-child(1){font-size:1.75em}.hero-text[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]:nth-child(3){font-size:1.5em}.hero-text[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]:nth-child(5){-webkit-text-stroke:1px #0C0C0C}.hero-text[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{font-weight:400;text-shadow:0px 0px #0C0C0C;font-size:var(--ml-text)}.hero-text[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin-top:0;font-weight:300;text-shadow:0px 0px #0C0C0C;font-size:var(--med-text)}}