@import"https://fonts.googleapis.com/css2?family=Audiowide&family=Roboto&display=swap";*{box-sizing:border-box;padding:0;margin:0}.wrapper{min-height:100vh;font-family:"Roboto Slab",serif;font-weight:300;color:#fff;position:relative}h1{display:flex;align-items:center;justify-content:center;color:#fff;position:fixed;font-family:Audiowide;margin:30px 0 0 30px}section{height:100vh;font-weight:400;display:flex;justify-content:center;align-items:center}section .para{margin:0 500px;padding:20px;background-color:#0303036b;font-size:1.2vw;border-radius:10px}section:nth-child(1){background:#fff}section:nth-child(2){background:#f64747}section:nth-child(3){background:#22a7f0}section:nth-child(4){background:#f9690e}section:nth-child(5){background:#9b59b6}section:nth-child(6){background:#03c9a9}section:nth-child(7){background:#fc0}.nav__wrapper{position:fixed;height:100%;padding:20px;display:flex;flex-flow:column nowrap;justify-content:flex-end}.nav{margin:0 0 50px 30px}.nav__counter{font-size:24px;transition:all .15s ease-out;font-family:Audiowide}.nav__title{font-size:2.5rem;font-weight:300;margin:0 0 .25em;width:300px;height:0;overflow:hidden;opacity:0;transition:height .3s ease-out,opacity .2s ease-out}.nav__body{font-weight:100;font-size:1.6rem;font-size:1.6rem;width:300px;height:0;overflow:hidden;opacity:0;transition:height .3s ease-out,opacity .2s ease-out}.nav li{position:relative;transition:all .3s ease-out;margin-bottom:1em}.nav li:after{content:"";display:block;border-left:2px solid #fff;border-top:2px solid #fff;height:250px;width:20px;position:absolute;left:-30px;top:15px}.nav li a{display:block;padding:0;color:#fff;transition:all .15s ease-out}.nav li a:hover{background-color:transparent;padding-left:1em}.nav li a:focus{background-color:transparent}.nav li.active{pointer-events:none;padding-left:1em}.nav li.active:after{width:35px;height:400px;top:35px}.nav li.active .nav__counter{font-size:48px}.nav li.active .nav__title{height:40px;opacity:1;overflow:visible}.nav li.active .nav__body{height:100px;opacity:1;overflow:visible}#section1{height:100vh;min-height:500px;background-image:url("../assets/spacexbgnew.png");background-size:cover;background-position:right;background-repeat:no-repeat;background-attachment:fixed}#section2{height:100vh;min-height:500px;background-image:url("../assets/falcon1c.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}#section3{height:100vh;min-height:500px;background-image:url("../assets/nasaspacex.jpg");background-size:cover;background-position:left;background-repeat:no-repeat;background-attachment:fixed}#section4{height:100vh;min-height:500px;background-image:url("../assets/merlintestt.png");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}#section5{height:100vh;min-height:500px;background-image:url("../assets/falcon1fail.jpg");background-size:cover;background-position:right;background-repeat:no-repeat;background-attachment:fixed}#section6{height:100vh;min-height:500px;background-image:url("../assets/falcon1liftoff.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}#section7{height:100vh;min-height:500px;background-image:url("../assets/iss.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}#section8{height:100vh;min-height:500px;background-image:url("../assets/crewdgif.gif");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}#section9{height:100vh;min-height:500px;background-image:url("../assets/crewdpara.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}#section10{height:100vh;min-height:500px;background-image:url("../assets/BFRpix.gif");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}#section11{height:100vh;min-height:500px;background-image:url("../assets/starship-sn5-150m-hop.gif");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}#section12{height:100vh;min-height:500px;background-image:url("../assets/crewdcrew2.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}@media(max-width: 1920px){section .para{margin:0 300px}}@media(max-width: 1467px){.nav__wrapper{font-size:.5rem}section .para{font-size:2rem;margin:0 25px 0 370px}}@media(max-width: 700px){.nav__wrapper{display:none}section .para{font-size:2rem;margin:0 25px 0 25px}}