@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-purplePink: #BB86FC;--color-customRed: #C51162;--color-darkPurplePink: #8353C3;--color-purple40: #6650A4;--color-purple80: #D0BCFF;--color-ergoGray: #303030;--color-ergoLightGray: #3D3D3D}h1{font-size:3.2em;line-height:1.1}body,html,#root{margin:0;padding:0;height:100%;width:100%}.homepage-background{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#000;transition:background-image .5s ease-in-out;position:relative;overflow:hidden;height:100dvh;width:100dvw}.spinner{border:8px solid rgba(255,255,255,.3);border-top:8px solid #fff;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.blackhole-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100dvw;height:100dvh}.blackhole{width:100%;height:100%;object-fit:contain;animation:rotateBlackHole 600s linear infinite}@keyframes rotateBlackHole{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.earth-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28dvw;height:28dvh}.earth{width:100%;height:100%;object-fit:contain;animation:rotateEarth 100s linear infinite}.earth-overlay{position:absolute;top:50%;left:50%;width:calc((18dvw + 18dvh)/2);aspect-ratio:1 / 1;transform:translate(-50%,-50%);border-radius:50%;background:transparent;cursor:pointer;clip-path:circle(50% at 50% 50%)}.earth-overlay:hover{background-color:transparent}@keyframes rotateEarth{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-screen{position:fixed;top:0;left:0;width:100dvw;height:100dvh;display:flex;overflow:hidden;justify-content:center;align-items:center;background:#000000b3;border:1px solid var(--color-purplePink);box-sizing:border-box;border-bottom:none;transition:transform 1s ease-in-out;transform:translateY(0)}.main-screen.hidden{transform:translateY(-100%)}.main-screen.visible{transform:translateY(0)}.main-screen-buttons{display:flex;flex-direction:column;gap:30px}.main-screen-button{padding:10px 20px;font-size:16px;font-weight:700;border:none;border-radius:10px;cursor:pointer;background-color:var(--color-purplePink);color:#000;transition:background-color .3s,transform .3s}.main-screen-button:hover{background-color:var(--color-customRed);transform:translateY(-3px)}@media (min-width: 0px) and (max-width: 767px) and (orientation: landscape){.main-screen-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:42%;width:70vw;margin:0 auto 5%}.main-screen-button{width:100%}}@media (min-width: 768px) and (max-width: 1024px){.main-screen-buttons{gap:40px}.main-screen-button{height:6dvh;width:40dvw;font-size:22px}}@media (min-width: 1025px){.main-screen-buttons{gap:40px}.main-screen-button{height:6dvh;width:40dvw;font-size:22px}}.open-button{position:fixed;background-color:var(--color-purplePink);border:none;border-radius:10px;color:#000;font-size:14px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;top:86%;left:50%;transform:translate(-50%,-50%);height:5svh;width:20svw;transform-origin:center;transition:background-color .3s,transform .3s}@media (hover: hover) and (pointer: fine){.open-button:hover{background-color:var(--color-customRed);transform:translate(-50%,-50%) scale(1.05)}}.open-button:active,.open-button.active{background-color:var(--color-customRed)}@media (min-width: 0px) and (max-width: 767px) and (orientation: landscape){.open-button{height:12svh;width:10svw;border-radius:12px}}@media (min-width: 768px) and (max-width: 1024px){.open-button{top:85%;font-size:20px;height:4svh;width:12svw}}@media (min-width: 1025px){.open-button{top:85%;width:6svw;height:4svh;font-size:18px}}@media (min-width: 1025px) and (orientation: landscape){.open-button{width:8svw;height:5svh}}.portfolio-screen{position:fixed;top:0;left:0;width:100dvw;height:100dvh;pointer-events:auto;display:flex;justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden}.portfolio-screen__window{position:absolute;background-color:#000000e6;box-sizing:border-box;animation-fill-mode:forwards}.portfolio-screen__window--left{width:50dvw;height:80dvh;left:-50dvw;top:0;animation:moveLeft 1s forwards;border-right:2px solid var(--color-purplePink);border-bottom:2px solid var(--color-purplePink)}.portfolio-screen__window--right{width:50dvw;height:80dvh;right:-50dvw;top:0;animation:moveRight 1s forwards;border-left:2px solid var(--color-purplePink);border-bottom:2px solid var(--color-purplePink)}.portfolio-screen__window--bottom{width:100dvw;height:20dvh;bottom:-20dvh;left:0;animation:moveBottom 1s forwards;border-top:2px solid var(--color-purplePink)}@keyframes moveLeft{to{left:0}}@keyframes moveRight{to{right:0}}@keyframes moveBottom{to{bottom:0}}@keyframes moveLeftReverse{0%{left:0}to{left:-50vw}}@keyframes moveRightReverse{0%{right:0}to{right:-50vw}}@keyframes moveBottomReverse{0%{bottom:0}to{bottom:-20vh}}.portfolio-screen__window--left.closing{animation:moveLeftReverse 1s forwards}.portfolio-screen__window--right.closing{animation:moveRightReverse 1s forwards}.portfolio-screen__window--bottom.closing{animation:moveBottomReverse 1s forwards}.return-button{position:absolute;height:5svh;width:30svw;left:50%;transform:translate(-50%);bottom:-30%;animation:slideUpButton 1.5s forwards;border-radius:10px;background:var(--color-purplePink);border:none;color:#000;font-size:15px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .3s,transform .3s}.return-button:hover{background-color:var(--color-customRed);transform:translate(-50%) scale(1.05)}.left-portfolio-content,.right-portfolio-content{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0 20px}.left-portfolio-content{animation:slideInFromLeft 1.5s forwards;transform:translate(-50%,-50%)}.right-portfolio-content{animation:slideInFromRight 1.5s forwards;transform:translate(-50%,-50%)}.left-portfolio-button,.right-portfolio-button{height:6dvh;width:34dvw;margin-bottom:15px;border-radius:8px;background:var(--color-purplePink);border:none;color:#000;font-size:15px;font-weight:700;text-align:center;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .3s,transform .3s}.left-portfolio-button:hover,.right-portfolio-button:hover{background-color:var(--color-customRed);transform:scale(1.05)}.portfolio-description{font-size:14px;color:gray;text-align:center;width:85%;word-wrap:break-word}@keyframes slideInFromLeft{0%{transform:translate(-100%,-50%)}to{transform:translate(-50%,-50%)}}@keyframes slideInFromRight{0%{transform:translateY(-50%)}to{transform:translate(-50%,-50%)}}@keyframes slideUpButton{0%{bottom:-30%}to{bottom:9dvh}}@media (min-width: 0px) and (max-width: 767px) and (orientation: landscape){.portfolio-screen__window--bottom{height:30dvh}.return-button{height:10svh;width:18svw}.left-portfolio-button,.right-portfolio-button{height:12vh;width:20vw}}@media (min-width: 768px) and (max-width: 1024px){.return-button,.left-portfolio-button,.right-portfolio-button{font-size:20px}.portfolio-description{font-size:18px}}@media (min-width: 1025px){.return-button{font-size:22px;width:16svw}.left-portfolio-button,.right-portfolio-button{font-size:24px}.portfolio-description{font-size:18px}}@media (min-width: 1025px) and (orientation: landscape){.return-button{height:6vh;width:18vw}.left-portfolio-button,.right-portfolio-button{height:8vh;width:18vw}}.homepage-background,.homepage-background-img,.starfield{z-index:0}.blackhole-container{z-index:1}.earth-container{z-index:2}.earth-overlay{z-index:3}.main-screen{z-index:4}.open-button{z-index:5}.portfolio-screen{z-index:6}.samsung-warning-banner{z-index:7}.spinner{z-index:20}:root{--warningButton-size: 26px;--color-textLightRed: #f8d7da }.samsung-warning-banner{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px;background-color:var(--color-textLightRed);color:#721c24;border:1px solid #f5c6cb;border-radius:4px;max-width:400px;margin:20px auto;animation:slideDown 1.5s ease-out}.banner-content{text-align:center;margin-bottom:12px;font-size:16px;line-height:1.5}.close-button{background:#a9a9a9;font-size:24px;cursor:pointer;color:var(--color-textLightRed);padding:0;display:flex;align-items:center;justify-content:center;height:var(--warningButton-size);width:var(--warningButton-size)}.close-button:hover{color:#501217}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;background-image:url(/assets/COLORADO_DESERT-k8t97izb.webp);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;color:transparent}.contact-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:15px;overflow:hidden}.contact-container{background-color:var(--color-ergoGray);padding:20px;width:100%;border-radius:10px;box-shadow:0 4px 6px #0000001a;animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.contact-container h1{text-align:center;margin-bottom:15px;color:var(--color-purplePink);font-size:40px}.contact-container .contact-info{display:flex;flex-direction:column;margin-bottom:10px}.contact-container .info-box{background:var(--color-ergoLightGray);padding:15px;border-radius:8px;text-align:center;width:100%;margin-bottom:15px;box-shadow:0 2px 4px #0000001a}.contact-container .info-icon{font-size:2rem;color:var(--color-purplePink);margin-bottom:10px}.contact-container .info-box h3{margin-bottom:10px;color:var(--color-purplePink)}.contact-container .info-box p{color:var(--color-purplePink);word-wrap:break-word}.contact-container .contact-form{background:var(--color-ergoLightGray);padding:20px;border-radius:8px;box-shadow:inset 0 2px 4px #0000000d}.contact-container .contact-form h2{text-align:center;margin-bottom:15px;color:var(--color-purplePink)}.contact-container .form-group{margin-bottom:15px}.contact-container .form-group label{display:block;margin-bottom:8px;color:var(--color-purplePink);font-weight:500}.contact-container .form-group input,.contact-container .form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--color-purplePink);border-radius:5px;font-size:1rem;transition:border-color .3s}.contact-container .form-group input:focus,.contact-container .form-group textarea:focus{border-color:#000;outline:none}.contact-container .contact-form button{width:100%;padding:12px;background-color:var(--color-purplePink);color:#000;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer;transition:background-color .3s}.contact-container .contact-form button:hover{background-color:var(--color-customRed)}@media (min-width: 600px){.contact-page{padding:20px}.contact-container{padding:30px}.contact-container .contact-info{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.contact-container .info-box{width:48%}.contact-container .contact-form{padding:30px}}@media (min-width: 768px) and (max-width: 1024px){.contact-page{justify-content:center;padding:20px}}@media (min-width: 1025px){.contact-page{justify-content:center;padding:20px}.contact-container{padding:40px;max-width:800px}.contact-container h1{margin-bottom:30px;font-size:52px}.contact-container .contact-info{flex-direction:row;justify-content:space-around;margin-bottom:40px;flex-wrap:wrap}.contact-container .info-box{padding:20px;width:45%;margin-bottom:20px}.contact-container .contact-form{padding:30px}.contact-container .contact-form h2,.contact-container .form-group{margin-bottom:20px}.contact-container .form-group input,.contact-container .form-group textarea{padding:12px 15px}}