@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Stardos+Stencil:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:#000;color:#fff;overflow:hidden}img{width:100%;height:100%;object-fit:cover}.container{position:absolute;top:0;left:0;width:500vw;height:90vh;display:flex}nav{position:fixed;top:0;width:100vw;padding:2em;display:flex;justify-content:space-between;z-index:1}a{cursor:pointer;text-decoration:none;color:#ddff01;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:18px;font-weight:600}a:hover{color:#fff}.timeline{position:fixed;bottom:0;left:0;width:100vw;height:10vh;padding:1.8em 1.2em;display:flex;justify-content:space-around}.marker{width:1px;height:100%;background:#ddff01}.scroller{position:absolute;top:50%;left:0;transform:translateY(-50%);font-family:Stardos Stencil,system-ui;text-transform:uppercase;background:#000;cursor:pointer;line-height:120%;color:#ddff01}span{font-family:Stardos Stencil,system-ui;font-size:18px;font-weight:500;padding:0 3em;color:#fff}section{position:relative;width:100vw;height:100%;padding:6em 2em 0;display:flex;gap:2em;overflow:hidden}.img{width:100%;height:100%}h1{width:50%;font-family:Stardos Stencil,system-ui;font-size:40px;font-weight:700;text-transform:uppercase}p{width:40%;font-family:Orbitron,sans-serif;font-size:20px;text-align:center;justify-content:center}#section-1,#section-4{display:flex;justify-content:space-between}.img-2,.img-3,.img-4,.img-6,.img-7,.img-9{flex:1}.img-1,.img-5,.img-8{flex:2}.img-initial{width:50%;margin-left:-7em}@media (max-width: 850px){a{font-size:14px}h1{font-size:30px}p{font-size:17px}.img-initial{margin-left:-5em}.img-2,.img-3,.img-4,.img-6,.img-7,.img-9{flex:1.2}.img-1,.img-5,.img-8{flex:2.2}}@media (max-width: 700px){h1,p{width:30%}}@media (max-width: 500px){h1{width:100%;font-size:30px}p{width:100%;font-size:14px;height:50%}.img-initial{width:100%;margin-left:0;height:auto}#section-1,#section-2,#section-3,#section-4,#section-5{flex-direction:column;align-items:center;text-align:center}.timeline{padding:1.8em .8em}span{font-size:15px;padding:0 3em}.img-1,.img-2,.img-3,.img-4,.img-5,.img-6,.img-7,.img-8,.img-9{width:115%;height:100%;max-height:150px}}