*{margin:0;padding:0;box-sizing:border-box}html{background:#000;font-family:Montserrat,sans-serif}body{opacity:0;transition:opacity 1s ease-in-out}body.loaded{opacity:1}header{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;position:fixed;top:0;width:100%;background:transparent;z-index:100;transition:background .3s ease-in-out}header .container{display:flex;justify-content:space-between;align-items:center;width:100%}header .logo{margin-right:auto}header .logo a{font-size:1.4rem;color:#fff;text-decoration:none}header .logo a .bold{font-weight:700}header .nav{flex:1;display:flex;justify-content:flex-end}header .nav nav{display:flex;gap:20px;align-items:center;padding-top:5px}header .nav nav a{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s ease-in-out}header .nav nav a:hover{color:#e0e0e0;text-shadow:0 0 5px rgba(255,255,255,.5);transform:scale(1.05)}.nav .lets-talk{display:inline-flex;align-items:center;justify-content:center;border-radius:19px;padding:10px 20px;border:1px solid white;font-family:Montserrat,sans-serif;font-weight:500;font-size:14px;color:#fff;transition:background-color .3s,transform .3s;margin-left:30px}.nav .lets-talk:hover{background-color:#fff;color:#000;transform:scale(1.1);border-color:#e0e0e0}.nav .lets-talk .arrow{display:inline-block;vertical-align:middle;position:relative;top:-2px;left:5px;transition:transform .3s ease-in-out;transform:rotate(-40deg)}@media (max-width: 768px){header{flex-direction:column;align-items:flex-start;padding:10px 5%}.container{padding:0 10px}header .nav nav{flex-direction:column;gap:10px}}.container{max-width:1440px;margin:0 auto;padding:0 20px;width:100%}.section{display:flex;align-items:center;height:100vh;position:relative;font-family:Montserrat,sans-serif;color:#ffeded;font-size:6vmin;padding-left:10%;padding-right:10%;z-index:1}section:nth-child(odd){justify-content:flex-end}footer{background:#000000b3;text-align:center;padding:20px;color:#fff;margin-top:auto;width:100%;transition:background .3s,opacity .3s;z-index:1}.webgl{position:fixed;top:0;left:0;outline:none;z-index:-1}.nav a:not(.lets-talk){text-decoration:none;color:#fff;margin-left:20px;font-weight:500;transition:color .3s,transform .3s}.nav a:not(.lets-talk):hover{color:#ffeded;transform:scale(1.1)}
