@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Barlow&family=Barlow+Condensed&family=Bellefair&display=swap";html{font-size:62.5%;box-sizing:border-box;scroll-behavior:smooth}body{background-color:#0b0d17;color:#fff;font-family:Barlow,sans-serif;font-weight:400;width:100%;min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column}.container{width:100%;max-width:1440px;margin:4.8rem auto 0}@media (width <= 1023.98px){.container{margin-top:0}}body.homepage{background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/space-tourism-website-main-demo/assets/background-home-desktop-0zQEJ-Ev.jpg)}@media (width <= 1023.98px){body.homepage{background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/space-tourism-website-main-demo/assets/background-home-tablet-B6mqJHda.jpg)}}@media (width <= 767.98px){body.homepage{background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/space-tourism-website-main-demo/assets/background-home-mobile-DaqO_UZh.jpg)}}body.destinations{background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/space-tourism-website-main-demo/assets/background-destination-desktop-I7C3wQVB.jpg)}@media (width <= 1023.98px){body.destinations{background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/space-tourism-website-main-demo/assets/background-destination-tablet-CfAWbZ7G.jpg)}}@media (width <= 767.98px){body.destinations{background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/space-tourism-website-main-demo/assets/background-destination-mobile-BxT9Hn-u.jpg)}}body.crew{background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/space-tourism-website-main-demo/assets/background-crew-desktop-DbFT2PzE.jpg)}@media (width <= 1023.98px){body.crew{background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/space-tourism-website-main-demo/assets/background-crew-tablet-BU3mOvmj.jpg)}}@media (width <= 767.98px){body.crew{background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/space-tourism-website-main-demo/assets/background-crew-mobile-CEr41M6D.jpg)}}body.technology{background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/space-tourism-website-main-demo/assets/background-technology-desktop-9E6-bP1U.jpg)}@media (width <= 1023.98px){body.technology{background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/space-tourism-website-main-demo/assets/background-technology-tablet-TzBVh8x0.jpg)}}@media (width <= 767.98px){body.technology{background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/space-tourism-website-main-demo/assets/background-technology-mobile-BZcybJpD.jpg)}}*{padding:0;margin:0}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none;cursor:pointer}aside,nav,footer,header,section,main{display:block}ul,ol{list-style:none}li{list-style-type:none}img{vertical-align:top;max-width:100%;height:auto}svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background:none;cursor:pointer}input[type=file]{max-width:100%}input[type=text]:focus,textarea[type=text]:focus,button[type=button]:focus,select:focus{outline:none}button{border:none}.header{position:relative;display:flex;align-items:center;justify-content:space-between;flex-direction:row;padding-left:6.4rem}@media (width <= 767.98px){.header{padding:2.4rem 6.4rem 0}}@media (width > 1023.98px){.header:before{content:"";position:absolute;left:0;width:100%;height:.1rem;background-color:#fff;opacity:.25;z-index:1100;top:50%;left:17.6rem;width:calc(100% - 80rem)}}@media (width > 1023.98px) and (width <= 1023.98px){.header:before{display:none}}.header .burger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:none;border:none;cursor:pointer;z-index:1050;transition:transform .3s ease-in-out,z-index 0s .3s}.header .burger span{display:block;height:3px;width:100%;background:#d0d6f9;border-radius:2px;transition:.3s}@media (width <= 767.98px){.header .burger{display:flex}}.header .burger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header .burger.active span:nth-child(2){opacity:0}.header .burger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav{-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);background:#ffffff0d;display:flex;align-items:center;z-index:1000}@media (width <= 767.98px){.nav{position:fixed;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);background:#0b0d1726;top:0;right:-100%;width:25.4rem;height:100vh;padding:2rem 3.2rem;align-items:flex-start;transition:right .3s ease-in-out}.nav.active{right:0!important}.nav.active~.burger{z-index:1050;transition-delay:.3s}}.nav__list{display:flex;flex-direction:row;justify-content:space-between;gap:4.8rem}@media (width <= 767.98px){.nav__list{flex-direction:column;gap:3.2rem;margin-top:11.3rem}}.nav__list:last-child{margin-right:6.4rem}@media (width <= 1023.98px){.nav__list:last-child{margin-right:4rem}}.nav__list:first-child{margin-left:16rem}@media (width <= 1023.98px){.nav__list:first-child{margin-left:7.5rem}}@media (width <= 767.98px){.nav__list:first-child{margin-left:0}}.nav__item{position:relative;padding:3.9rem 0}@media (width <= 767.98px){.nav__item{padding:0}}@media (width > 1023.98px){.nav__item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:.2rem;background-color:#fff;transform:translate(-50%);transition:width .2s ease-in-out}}@media (width > 1023.98px) and (any-hover: hover){.nav__item:hover:after{width:100%}}@media (width > 1023.98px) and (any-hover: none){.nav__item:active:after{width:100%}}.nav__link{color:#fff;text-transform:uppercase;letter-spacing:.3rem;font-size:1.6rem;font-family:Barlow Condensed,sans-serif;font-weight:400}.nav__link span{font-weight:700;margin-right:.6rem;letter-spacing:normal}.hero{display:flex;flex-direction:row;gap:clamp(4rem,-20.7476635514px + 16.199376947vw,30rem);margin:0}@media (width <= 1023.98px){.hero{align-items:center;flex-direction:column;gap:2.4rem}}.hero__content{display:flex;flex-direction:column;gap:clamp(1.2rem,9.1962616822px + .7476635514vw,2.4rem);text-transform:uppercase}@media (width <= 1023.98px){.hero__content{align-items:center}}.hero__subtitle{color:#fff;font-family:Barlow Condensed,sans-serif;font-size:clamp(1.6rem,-20px + 4.6875vw,2.8rem);line-height:clamp(1.6rem,15.2990654206px + .1869158879vw,1.9rem);letter-spacing:clamp(.2rem,1.5327102804px + .1246105919vw,.4rem)}.hero__title{color:#fff;font-family:Bellefair,serif;font-weight:400}body.homepage .hero{flex-direction:row;margin:clamp(12.8rem,-583.3846153846px + 69.4711538462vw,41.7rem) clamp(4rem,10.7943925234px + 7.7881619938vw,16.5rem) 0}@media (width <= 1023.98px){body.homepage .hero{flex-direction:column;gap:2.4rem;margin:clamp(12.8rem,-583.3846153846px + 69.4711538462vw,41.7rem) clamp(4rem,10.7943925234px + 7.7881619938vw,16.5rem) 0}}@media (width <= 767.98px){body.homepage .hero{margin-top:4.8rem}}body.homepage .hero__title{font-size:clamp(8rem,-112px + 25vw,14.4rem)}body.homepage .hero__content{display:flex;flex-direction:column;gap:2.4rem}body.homepage .hero__btn{position:relative;aspect-ratio:1/1;width:clamp(14.4rem,-240px + 50vw,27.2rem);height:clamp(14.4rem,-240px + 50vw,27.2rem);border-radius:50%;background-color:#fff;color:#0b0d17;font-family:Bellefair,serif;font-size:clamp(1.8rem,14.7289719626px + .8722741433vw,3.2rem);text-transform:uppercase;transition:all .3s ease-in-out}@media (width <= 1023.98px){body.homepage .hero__btn{margin-top:10rem}}@media (any-hover: hover){body.homepage .hero__btn:hover{transform:scale(1.03)}}@media (any-hover: none){body.homepage .hero__btn:active{transform:scale(1.03)}}body.homepage .hero__btn:active{transform:scale(1.01)}body.homepage .hero__btn:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:inherit;transform:translate(-50%,-50%) scale(1);opacity:0;transition:transform .6s ease,opacity .6s ease}body.homepage .hero__btn:hover:after{transform:translate(-50%,-50%) scale(1.6);opacity:.18}.hero{margin:clamp(4rem,20.3076923077px + 1.9230769231vw,4.8rem) clamp(4rem,10.7943925234px + 7.7881619938vw,16.5rem);flex-direction:column;gap:clamp(7.2rem,44.5352112676px + 7.323943662vw,15rem)}@media (width <= 1023.98px){.hero{gap:10rem;margin-bottom:5.5rem}}@media (width <= 767.98px){.hero{gap:4.8rem;margin-bottom:2.4rem}}.hero__intro{align-self:flex-start;display:flex;flex-direction:row;gap:2.4rem;font-family:Barlow Condensed,sans-serif}@media (width <= 767.98px){.hero__intro{align-self:center}}.hero__label{color:#fff;opacity:.25;font-size:clamp(1.6rem,11.7746478873px + 1.1267605634vw,2.8rem);font-weight:700;letter-spacing:.5rem}.hero__title{font-size:clamp(1.6rem,11.7746478873px + 1.1267605634vw,2.8rem)}.hero__content{flex-direction:row;gap:clamp(4.8rem,15.9611650485px + 8.5436893204vw,18rem)}@media (width <= 1023.98px){.hero__content{flex-direction:column}}.hero__image{width:clamp(22.8rem,151.5915492958px + 20.3755868545vw,44.5rem);flex:1}.hero__name{font-family:Bellefair,serif;font-size:clamp(5.6rem,41.9154929577px + 3.7558685446vw,9.6rem);font-weight:400}.hero__description{color:#d0d6f9;font-family:Barlow,sans-serif;font-size:clamp(1.5rem,14.2990654206px + .1869158879vw,1.8rem);line-height:clamp(2.2rem,18.9626168224px + .8099688474vw,3.5rem);text-align:left;text-transform:lowercase}@media (width <= 1023.98px){.hero__description{text-align:center;width:51.2rem;line-height:3rem}}@media (width <= 767.98px){.hero__description{width:33rem}}body.destinations{background-position:top}body.destinations .hero__stats{display:flex;flex-direction:row;gap:12.5rem}@media (width <= 767.98px){body.destinations .hero__stats{flex-direction:column;gap:2.4rem}}body.destinations .hero__description{position:relative}body.destinations .hero__description:after{content:"";position:absolute;left:0;width:100%;height:.1rem;background-color:#fff;opacity:.25;z-index:1100;bottom:-35px}body.destinations .destinations__info{display:flex;flex-direction:column;gap:4rem;flex:1}@media (width <= 1023.98px){body.destinations .destinations__info{align-items:center}}body.destinations .destinations__nav{display:flex;flex-direction:row;gap:3.2rem}body.destinations .destinations__nav button{position:relative;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:clamp(1.8rem,16.5915492958px + .3755868545vw,2.2rem);padding-bottom:1.2rem;transition:width .3s ease-in-out}body.destinations .destinations__nav button:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#fff;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}body.destinations .destinations__nav button:hover:after,body.destinations .destinations__nav button.active:after{transform:scaleX(1)}body.destinations .stat{display:flex;flex-direction:column;gap:1rem;text-align:left;text-transform:uppercase;margin-top:4rem}@media (width <= 767.98px){body.destinations .stat{text-align:center;margin-top:0}body.destinations .stat:first-child{margin-top:2.4rem}}body.destinations .stat__label{font-family:Barlow,sans-serif;font-size:1.4rem;letter-spacing:.2rem}body.destinations .stat__value{font-size:2.8rem}body.crew .hero{gap:5.3rem}@media (width <= 1023.98px){body.crew .hero{margin-bottom:0;gap:6.4rem}}body.crew .hero__content{align-items:center;gap:3.2rem}@media (width <= 1023.98px){body.crew .hero__content{flex-direction:column}}body.crew .hero__info{flex:1;display:flex;flex-direction:column;gap:2.4rem}@media (width <= 1023.98px){body.crew .hero__info{align-items:center}}body.crew .hero__subtitle{font-family:clamp(1.8rem,2px + 2.0833333333vw,3.2rem)}body.crew .hero__name{font-size:clamp(2.4rem,-12.5714285714px + 4.7619047619vw,5.6rem)}body.crew .hero__image{flex:1}@media (width <= 1023.98px){body.crew .hero__image{transform:scale(1.1)}}@media (width <= 767.98px){body.crew .hero__image{transform:scale(.9)}}body.crew .hero__slider{display:flex;flex-direction:row;gap:clamp(1.6rem,-11.4285714286px + 3.5714285714vw,4rem)}body.crew .hero__dot{background-color:#ffffff2b;aspect-ratio:1/1;width:clamp(1rem,4.2857142857px + .744047619vw,1.5rem);border-radius:50%}body.crew .hero__dot--active{background-color:#fff}body.technology .hero{gap:9rem;margin-right:0}@media (width <= 1023.98px){body.technology .hero{margin-left:0}}body.technology .hero__intro{margin-left:7.5rem}@media (width <= 767.98px){body.technology .hero__intro{margin-left:0}}body.technology .hero__content{align-items:center;gap:3.2rem}@media (width <= 1023.98px){body.technology .hero__content{width:100%;flex-direction:column-reverse}}body.technology .hero__body{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:6.8rem}@media (width <= 1023.98px){body.technology .hero__body{flex-direction:column;gap:4.8rem}}body.technology .hero__nav{display:flex;flex-direction:column;gap:3.2rem}@media (width <= 1023.98px){body.technology .hero__nav{flex-direction:row}}body.technology .hero__nav .tech-btn{aspect-ratio:1/1;width:clamp(4rem,-5.7142857143px + 5.9523809524vw,8rem);border:.1rem solid rgba(255,255,255,.25);border-radius:50%;font-family:Bellefair,serif;font-size:clamp(1.8rem,2px + 2.0833333333vw,3.2rem);transition:all .3s ease-in-out}body.technology .hero__nav .tech-btn:hover:not(.tech-btn--active){background-color:#6c757d4d}body.technology .hero__nav .tech-btn--active{background-color:#fff;color:#000}body.technology .hero__info{display:flex;flex-direction:column;gap:2.4rem}@media (width <= 1023.98px){body.technology .hero__info{align-items:center}}body.technology .hero__subtitle{color:#ffffff80;text-transform:uppercase;font-family:Bellefair,serif;font-size:clamp(1.8rem,2px + 2.0833333333vw,3.2rem);letter-spacing:0px}body.technology .hero__name{font-size:clamp(2.4rem,-12.5714285714px + 4.7619047619vw,5.6rem)}body.technology .hero__image{flex:1}@media (width <= 1023.98px){body.technology .hero__image{width:100%}}@media (width <= 1023.98px){body.technology .hero__image img{width:100%}}