html,body{max-width:100vw;font-family:var(--font-montserrat);overflow-x:hidden}body{color:#fff;font-family:var(--font-montserrat);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/images/secondary-bg.jpg);background-repeat:repeat-y;background-size:100%}h1{margin:0}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.upper-body{background:#15162c;flex-direction:column;gap:15vh;padding:20px 150px 75px;display:flex;position:relative}@media screen and (max-width:1366px){.upper-body{padding:40px 100px 75px}}@media screen and (max-width:992px){.upper-body{padding:40px 50px 75px}}@media screen and (max-width:576px){.upper-body{padding:40px 30px 75px}}.lower-body{padding:75px 150px 0}@media screen and (max-width:1366px){.lower-body{padding:40px 100px 0}}@media screen and (max-width:992px){.lower-body{padding:40px 50px 0}}@media screen and (max-width:576px){.lower-body{padding:40px 30px 0}}.main-title h1{font-size:6rem;font-weight:800}.main-title .gradient-title{background:linear-gradient(#fff 0% 25%,#8e90cb 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}@media screen and (max-width:1366px){.main-title h1{font-size:4.5rem}}@media screen and (max-width:992px){.main-title h1{font-size:3.5rem}}@media screen and (max-width:768px){.main-title h1{font-size:2.5rem}}@media screen and (max-width:576px){.main-title h1{font-size:2rem}}
html,body{max-width:100vw;font-family:var(--font-montserrat);overflow-x:hidden}body{color:#fff;font-family:var(--font-montserrat);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/images/secondary-bg.jpg);background-repeat:repeat-y;background-size:100%}h1{margin:0}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.upper-body{background:#15162c;flex-direction:column;gap:15vh;padding:20px 150px 75px;display:flex;position:relative}@media screen and (max-width:1366px){.upper-body{padding:40px 100px 75px}}@media screen and (max-width:992px){.upper-body{padding:40px 50px 75px}}@media screen and (max-width:576px){.upper-body{padding:40px 30px 75px}}.lower-body{padding:75px 150px 0}@media screen and (max-width:1366px){.lower-body{padding:40px 100px 0}}@media screen and (max-width:992px){.lower-body{padding:40px 50px 0}}@media screen and (max-width:576px){.lower-body{padding:40px 30px 0}}.cta-button{color:#15162c;cursor:pointer;font-size:1.1rem;font-family:var(--font-inter);white-space:nowrap;background-color:#fff;border:1px solid #fff;border-radius:65px;align-items:flex-end;gap:10px;height:61px;margin:0 auto;padding:20px 50px;font-weight:500;transition:background-color .3s,color .3s;display:flex;overflow:hidden}.cta-button svg{transition:fill .3s}.cta-button:hover{color:#fff;background-color:#0000}.cta-button:hover svg{fill:#fff}@media screen and (max-width:768px){.cta-button{height:50px;padding:16px 40px;font-size:1rem}}
.night-sky{pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.stars-container{width:100%;height:100%;position:absolute;top:0;left:0}.star{background-color:#fff;border-radius:50%;animation:8s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.shooting-star-container{width:2px;height:2px;position:absolute}.shooting-star-dot{z-index:2;background-color:#fff;border-radius:50%;width:2px;height:2px;position:absolute;box-shadow:0 0 4px 1px #ffffff80}.shooting-star-trail{background:linear-gradient(270deg,#fff,#fff0);width:40px;height:1px;position:absolute;top:.5px;right:1px}
html,body{max-width:100vw;font-family:var(--font-montserrat);overflow-x:hidden}body{color:#fff;font-family:var(--font-montserrat);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/images/secondary-bg.jpg);background-repeat:repeat-y;background-size:100%}h1{margin:0}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.upper-body{background:#15162c;flex-direction:column;gap:15vh;padding:20px 150px 75px;display:flex;position:relative}@media screen and (max-width:1366px){.upper-body{padding:40px 100px 75px}}@media screen and (max-width:992px){.upper-body{padding:40px 50px 75px}}@media screen and (max-width:576px){.upper-body{padding:40px 30px 75px}}.lower-body{padding:75px 150px 0}@media screen and (max-width:1366px){.lower-body{padding:40px 100px 0}}@media screen and (max-width:992px){.lower-body{padding:40px 50px 0}}@media screen and (max-width:576px){.lower-body{padding:40px 30px 0}}.projects{justify-content:space-between;gap:60px;display:flex;position:relative}.projects .column{flex-direction:column;flex:1;gap:60px;display:flex}.projects .column.right{margin-top:60px}@media screen and (max-width:768px){.projects{flex-direction:column}.projects .column.right{margin-top:0}}.projects .description{font-size:16px;font-weight:200;font-family:var(--font-inter);color:#d1d1d1;margin-bottom:20px}.projects .button{cursor:pointer;color:#fff;font-size:16px;font-weight:300;font-family:var(--font-inter);background-color:#0000;border:none;align-items:center;gap:10px;width:fit-content;padding:0 0 2px;text-decoration:none;transition:all .3s;display:flex;position:relative}.projects .button:after{content:"";transform-origin:100%;background-color:#fff;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(1)}.projects .button:hover:after{transform:scaleX(0)}.projects .button .arrow{transform-origin:0;transition:all .3s;transform:scaleX(1.3)}.projects .button:hover{font-weight:500;text-decoration:none}.projects .button:hover .arrow{text-decoration:none;transition:transform .3s;transform:scaleX(1.5)}.loading-project{width:100%;height:260px}
