body{margin:0;padding:0}.background{color:#fff;background-image:url(/assets/home/background-home-mobile.jpg);background-size:cover;margin:0 20px}.navbar{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.logo{width:40px;height:40px}.hamburger{cursor:pointer;z-index:1001;width:24px;height:24px}.menu-overlay{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#80808014;width:70%;height:100vh;padding:120px 8px 32px;transition:transform .5s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;transform:translate(100%)}.menu-overlay.active{right:0;transform:translate(0)}.menu-list{flex-direction:column;gap:32px;list-style:none;display:flex}.menu-list a{text-transform:uppercase;font-family:Barlow Condensed;font-size:12px;font-style:normal;font-weight:100;text-decoration:none}.menu-item{color:#fff;letter-spacing:2.7px;text-transform:uppercase;cursor:pointer;font-size:16px;transition:opacity .2s}.menu-item.active{border:none!important}.menu-item,.planets-list button{padding-bottom:8px;text-decoration:none;position:relative}.menu-item:after{content:"";background-color:#fff;width:0;height:3px;padding:4px 0;transition:width .3s ease-in-out;position:absolute;bottom:0;left:0}.menu-item.active:after,.planets-list button.active-link:after{width:100%}.menu-item:hover{opacity:.7}.menu-item:hover:after{background-color:#ffffff80;width:100%}.menu-number{margin-right:12px;font-weight:900}.menu-list .menu-item{padding-bottom:8px;position:relative}.menu-list .menu-item.active:after{content:"";background-color:#fff;width:4px;height:100%;transition:height .3s;position:absolute;bottom:0;left:auto;right:0}.menu-list .menu-item:hover:after{background-color:#ffffff80;height:100%}.description{text-align:center;margin-top:40px}.description h4{letter-spacing:1.7px;text-transform:uppercase;font-family:Barlow Condensed;font-size:12px;font-style:normal;font-weight:100}.description h1{margin-top:0;font-family:Bellefair,serif;font-size:75px;font-weight:100}.description-text{text-align:center;font-family:Barlow,sans-serif;font-size:16px;line-height:1.5}.explore{justify-content:center;margin:130px 0 40px;display:flex}.explore a{color:#000;text-align:center;background-color:#fff;border-radius:50%;width:110px;height:80px;padding:70px 30px 15px;font-size:20px;text-decoration:none}.transition-fade{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(10px)}.fade-in{opacity:1;transform:translateY(0)}.background2{color:#fff;background-image:url(/assets/destination/background-destination-mobile.jpg);background-size:cover;margin:0 20px}.destination-description{flex-direction:row;justify-content:center;gap:6px;display:flex}.destination-description h4{font-family:Barlow Condensed;font-style:normal}.moon-cover{justify-content:center;margin:30px 0;display:flex}.planet-names{width:200px;max-width:100%;height:auto;display:block}.planets-list{flex-direction:row;justify-content:center;gap:20px;display:flex}.planets-list a{color:#fff;letter-spacing:1.7px;text-transform:uppercase;padding-bottom:8px;font-size:12px;font-style:normal;font-weight:100;text-decoration:none;transition:color .3s;position:relative;font-family:Bellefair!important}.planets-list a.active{color:#fff}.planets-list a.active:after{width:100%}.planets-list a:hover:after{background-color:#ffffff80;width:100%}.planets-list a:hover{color:#fff}.planets-list button{padding:10px 0;transition:color .3s;position:relative}.planets-list button:after{content:"";background-color:#fff;border-radius:50%;width:0;height:3px;transition:width .3s ease-in-out;position:absolute;bottom:-3px;left:0}.planet-description h1{text-align:center;margin-bottom:0;font-family:Barlow Condensed;font-size:60px;font-weight:100}.planet-description p{text-align:center;color:#fff;font-family:sans-serif;font-size:16px;line-height:1.5}.line{border:.1px solid gray;width:100%;margin:50px 0 0}.flex-d-t{text-align:center;margin:30px 0 20px}.distance{flex-direction:column;display:flex}.distance p{letter-spacing:1.7px;text-transform:uppercase;margin-bottom:0;font-family:Bellefair;font-size:13px;font-style:normal;font-weight:100}.distance h2{margin-top:7px;font-family:Barlow Condensed;font-size:35px;font-weight:100}.time{flex-direction:column;display:flex}.time p{text-transform:uppercase;margin-bottom:0;font-family:Bellefair;font-size:13px;font-style:normal;font-weight:100}.time h2{margin-top:7px;font-family:Barlow Condensed;font-size:35px;font-weight:100}.background3{color:#fff;background-image:url(/assets/crew/background-crew-mobile.jpg);background-size:cover;margin:0 20px}.crew-container{text-align:center}.crew-description h4{letter-spacing:1.7px;text-transform:uppercase;color:#fff;margin-bottom:0;font-family:Bellefair;font-size:18px;font-style:normal;font-weight:100}.crew-description h2{letter-spacing:1.7px;text-transform:uppercase;color:#fff;margin-top:9px;font-family:Bellefair;font-style:normal;font-weight:100}.crew-container p{color:#fff;font-family:sans-serif;font-size:16px;font-style:normal;font-weight:100;line-height:1.5}.progress{flex-direction:row;justify-content:center;gap:12px;margin:40px 0;display:flex}.progress-bar{cursor:pointer;background-color:#ffffff2b;border:1px solid #0000;border-radius:50%;width:10px;height:10px;transition:background-color .4s,transform .3s}.progress-bar a{border-radius:50%;width:100%;height:100%;display:block}.progress-bar.active{background-color:#fff;transform:scale(1.2)}.progress-bar:hover{background-color:#ffffff80}.crew-image{justify-content:center;margin:20px 0 0;display:flex}.crew-x{width:200px;max-width:100%;height:auto;display:block}.background4{color:#fff;background-image:url(/assets/technology/background-technology-mobile.jpg);background-size:cover;margin:0 20px}.tech-container{margin:30px 0 0;padding:0}.butt{flex-direction:row;justify-content:center;gap:18px;margin:15px 0;padding:0;display:flex}.btn{color:#fff;cursor:pointer;background:0 0;border:1px solid gray;border-radius:50%;width:45px;height:45px;margin-bottom:10px;padding:0;font-family:Bellefair;font-size:18px;transition:all .3s}.btn.active{color:#0b0d17!important;background-color:#fff!important;border-color:#fff!important}.btn:hover{border-color:#fff}.btn a{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;transition:color .3s;display:flex}.tech-description{text-align:center;margin:0;padding:0}.tech-description h6{letter-spacing:1px;text-transform:uppercase;margin-top:0;margin-bottom:0;font-family:Bellefair;font-style:normal;font-weight:100}.tech-description h2{letter-spacing:1.7px;text-transform:uppercase;color:#fff;margin-top:8px;margin-bottom:0;font-family:Bellefair;font-style:normal;font-weight:100}.tech-description p{text-align:center;font-family:sans-serif;font-size:16px;font-weight:100;line-height:1.5}.tech-image{justify-content:center;margin-top:40px;margin-bottom:50px;display:flex}.tech-x{width:100%;max-width:100%;height:auto}.tech-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:50%;width:80px;height:80px;font-family:Bellefair,serif;font-size:32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.tech-btn.active{color:#0b0d17;background-color:#fff;border-color:#fff}.tech-btn:hover:not(.active){border-color:#fff}.nav-underline-indicator{opacity:0;background-color:#fff;height:3px;transition:all .5s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-30px}.loader{color:#fff;letter-spacing:4.7px;text-transform:uppercase;justify-content:center;align-items:center;height:80vh;font-family:Barlow Condensed;font-size:20px;animation:1.5s infinite pulse;display:flex}.loader span{color:gray;margin-right:15px;font-weight:700}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.mobile-version{display:block}.tablet-version,.desktop-version{display:none}@media (min-width:540px){.mobile-version{display:none}.tablet-version{display:block}.body{margin:0;padding:0}.background{background-image:url(/assets/home/background-home-tablet.jpg);margin:0 0 0 20px}.background2{background-image:url(/assets/destination/background-destination-tablet.jpg);margin:0 0 0 20px}.background3{background-image:url(/assets/crew/background-crew-tablet.jpg);margin:0 0 0 20px}.background4{background-image:url(/assets/technology/background-technology-tablet.jpg);margin:0 0 0 20px}.navbar{margin:0;padding:0}.logo{margin-top:5px}.tablet-nav{color:#fff;background-color:#101324f2;padding:25px 20px 26px 34px;display:flex}.tablet-n-contents{gap:25px;display:flex}.tablet-n-contents a{color:#fff;text-transform:uppercase;font-family:Barlow Condensed;font-size:10px;font-style:normal;font-weight:100;text-decoration:none;position:relative}.tablet-n-contents a:after{content:"";background-color:#fff;width:0;height:3px;padding:0;transition:width .3s ease-in-out;position:absolute;bottom:-26px;left:0}.tablet-n-contents a.active:after{width:100%}.tablet-n-contents a:hover:after{background-color:#ffffff80;width:100%}.progress.tablet-version{margin:20px 0 30px;display:flex!important}.description{margin:70px 0 0}.description h4{margin-bottom:6px}.description h1{margin-bottom:10px;font-size:120px}.description-text{text-align:center;padding:0 70px}.destination-description{justify-content:left;display:flex}.destination-description h4{text-align:left;margin-bottom:0}.explore{margin:170px 0 60px}.moon-cover{margin-top:70px}.planets-list a{padding-bottom:10px;transition:color .3s;position:relative}.planets-list a:after{content:"";background-color:#fff;border-radius:50%;width:0%;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.planets-list a.active{color:#fff}.planets-list a.active:after{width:100%}.planets-list a:hover:after{background-color:#ffffff80;width:100%}.planets-list a:hover{color:#fff}.crew-container{margin-top:30px}.crew-container p{margin-right:20px;font-size:18px}.crew-description h4{margin-top:0}.crew-x{width:300px}.tab-margin{margin:0 20px 0 0}.progress{margin:0}.progress-bar{cursor:pointer;margin:20px 0 30px;transition:background-color .4s,transform .3s}.progress-bar a{border-radius:50%;width:100%;height:100%;display:block}.progress-bar.active{background-color:#fff;transform:scale(1.1)}.progress-bar:hover{background-color:#ffffff80}.butt{margin:20px 0}.btn.active{background-color:#fff;border-color:#fff}.btn.active a{color:#101324f2}.btn:hover{border-color:#fff}}@media (min-width:1024px){.mobile-version,.tablet-version{display:none}.desktop-version{display:block}.body{margin:0;padding:0}.background{background-image:url(/assets/home/background-home-desktop.jpg);margin:0 0 0 20px}.background2{background-image:url(/assets/destination/background-destination-desktop.jpg);margin:0 0 0 20px}.background3{background-image:url(/assets/crew/background-crew-desktop.jpg);margin:0 0 0 20px}.background4{background-image:url(/assets/technology/background-technology-desktop.jpg);margin:0 0 0 20px}.navbar{margin:30px 0 0;padding:0}.logo{width:50px;height:50px}.navline{z-index:1;opacity:.3;border:.1px solid gray;flex-grow:1;width:100%;margin:0 -25px 0 40px;position:relative}.desktop-nav{-webkit-backdrop-filter:blur(20px);color:#fff;background:#80808014;padding:30px 70px 32px 34px;display:flex;position:relative}.desktop-n-contents{flex-direction:row;gap:30px;margin:0 0 0 40px;display:flex}.desktop-n-contents a{color:#fff;text-transform:uppercase;font-family:Barlow Condensed;font-size:13px;font-style:normal;font-weight:100;text-decoration:none;position:relative}.menu-number{letter-spacing:.1px;text-transform:uppercase;margin-right:8px;font-family:Barlow Condensed;font-style:normal;font-weight:100}.menu-item:after{display:none}.menu-item{align-items:center;height:100%;padding:0;display:flex}.desktop-n-contents a:after{height:3px;bottom:-30px}.desktop-n-contents a.active:after{width:100%}.desktop-n-contents a:hover:after{background-color:#ffffff80;width:100%}.desktop-description-container{flex-direction:row;justify-content:space-between;margin:50px 100px;display:flex}.description{text-align:left}.description h4{letter-spacing:1.7px;text-transform:uppercase;font-family:Barlow Condensed;font-size:18px;font-style:normal;font-weight:100}.description-text p{max-width:400px}.description-text{text-align:left;padding:0 260px 0 0}.destination-description{gap:17px;margin:40px 90px 10px;padding:0;display:flex}.destination-description h4{word-spacing:5px;font-size:18px}.flex-planets{flex-direction:row;display:flex}.moon-cover{flex:1.7}.planet-names{width:300px;max-width:100%;height:300px;margin:0 0 0 50px}.planets{flex:1;padding-top:30px;padding-right:60px}.planets-list{justify-content:left}.planets-list a{padding-bottom:12px;transition:color .3s;position:relative}.planets-list a:after{content:"";background-color:#fff;width:0%;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.planets-list a.active{color:#fff}.planets-list a.active:after{width:100%}.planets-list a:hover:after{background-color:#ffffff80;width:100%}.planets-list a:hover{color:#fff}.planet-description h1,.planet-description p{text-align:left}.line{opacity:.3}.flex-d-t{flex-direction:row;gap:50px;display:flex}.distance{text-align:left}.distance p{margin-top:0;font-size:12px}.distance h2{font-size:25px}.time{text-align:left}.time p{margin-top:0;font-size:12px}.time h2{font-size:25px}.desktop-crew-container{flex-direction:row;gap:10px;margin:0 90px;display:flex}.flex-description-image{text-align:left;flex:2;padding-top:70px}.crew-image{flex:2}.crew-x{width:400px;max-width:100%;height:auto;margin-left:50px}.crew-description h4{font-size:25px}.crew-description h2{font-size:38px}.flex-description-image p{text-align:justify;max-width:400px;font-size:15px;line-height:1.5}.progress{justify-content:left}.progress-bar{cursor:pointer;background-color:#ffffff2b;margin-top:70px;transition:background-color .4s,transform .3s}.progress-bar.active{background-color:#fff;transform:scale(1.2)}.progress-bar:hover{background-color:#ffffff80}.butt{flex-direction:column;flex:none;justify-content:left;margin-top:0}.btn{width:60px;height:60px;font-size:24px}.btn.desktop-version.active{background-color:#fff;border-color:#fff}.btn.desktop-version.active a{color:#101324f2}.btn.desktop-version:hover{border-color:#fff}.flex-butt-tech{gap:50px;margin:100px 90px;display:flex}.tech-description{text-align:left;flex:1;max-width:400px;padding-top:0}.tech-description h2{font-size:30px}.tech-description p{text-align:left}.tech-image{flex:1;position:relative}.tech-x{width:100%;max-width:600px;height:auto;margin-top:-100px;margin-bottom:40px;margin-left:220px}}
