@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap");body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#171717;color:#f5eadb;line-height:1.5rem;-webkit-font-smoothing:antialiased}#__next,body,html{height:100%}a{text-decoration:none}*{box-sizing:border-box}h1{font-size:3rem;margin:0 0 10px;line-height:4rem}h2{margin:0}h3{margin:0 0 10px}a{color:#4c90ff}.time,small{color:hsla(0,0%,100%,.6)}.time{font-size:1rem;margin-bottom:10px}.main{min-height:calc(100vh - 64px);flex:1 1;display:flex;flex-direction:column;opacity:1}.header{background-color:#171717;padding:16px 3rem}.footer{flex:1 1;padding:2rem 0}.footer,.footer a{display:flex;justify-content:center;align-items:center}.footer a{flex-grow:1}@media screen and (max-width:1024px){.header{position:fixed;width:100%;z-index:5;padding:16px}.main{height:100%;padding-top:64px}}.timeline{position:relative;display:flex;flex-direction:column;margin-top:auto;padding:8px 0 0;overflow-x:scroll;opacity:1;transition:all .5s ease-in-out .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.scale{padding:0 30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%;z-index:2}.month,.scale{display:flex;flex-direction:row}.month{position:relative;height:90px}.month:nth-child(odd){background-color:hsla(0,0%,100%,.05)}.month:nth-child(2n){background-color:hsla(0,0%,100%,.1)}.month:after{position:absolute;display:block;width:100%;left:0;top:24px;padding:15px 0;text-align:center;font-size:20px;font-weight:700;color:hsla(0,0%,100%,.4);content:attr(data-name)}.month:first-child:before,.month:last-child:before{position:absolute;content:"";display:block;width:30px;height:86px;background-color:inherit}.month:first-child:before{left:-30px;border-top:4px solid #4c90ff}.month:last-child:before{right:-30px}.interval,.month:last-child:before{border-top:4px solid hsla(0,0%,100%,.5)}.interval{display:flex;position:relative;flex:1 1;font-size:.8rem;height:10px;text-align:center;color:hsla(0,0%,100%,.5);border-left:1px solid hsla(0,0%,100%,.5)}.interval:first-child{height:15px}.interval.past{border-top:4px solid #4c90ff}.interval-label{position:relative;bottom:-5px;left:0;transform:translateX(-50%);font-size:.5rem}.markers{display:flex;flex-direction:row;width:100%;top:-8px;z-index:3}.marker,.markers{position:absolute}.marker{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;transition:transform .2s ease-in-out}.marker:hover{transform:scale(1.3);background:#fff}.marker.current,.marker.past{background:#4c90ff}.marker.current{opacity:1;transform:scale(1.3)}.marker.current:before{content:"";position:absolute;display:block;height:3.1px;top:4.3px;left:-60px;width:60px}.interval.past .marker,.marker.current:before{background-color:#4c90ff}.main.hidden .timeline{opacity:0}@media screen and (max-width:1024px){.main{flex-direction:row}.timeline{position:fixed;height:calc(100vh - 64px);top:64px;right:0;border-top:0;padding:0 5px 0 0;overflow:hidden}.scale{border-top:0;border-right:4px solid hsla(0,0%,100%,.5);padding:20px 0;height:100%;width:35px}.month,.scale{flex-direction:column}.month:first-child:before,.month:last-child:before{width:100%;height:20px;left:0;border-top:0}.month:first-child:before{border-right:4px solid #4c90ff;top:-20px;background-color:hsla(0,0%,100%,.05)}.month:last-child:before{bottom:-20px;background-color:inherit}.month:after{font-size:12px;width:auto;left:3px;top:0;padding:0;content:attr(data-short-name)}.markers{top:0;right:-27px;height:100%}.marker{background:#fff}.scale:after,.scale:before{position:absolute;height:0;border-top:none;border-left:4px solid #4c90ff}.scale:before{width:4px;height:30px;top:0;right:1px}.marker.current:before{content:"";position:absolute;display:block;height:10px;top:-10px;left:4.5px;width:3.1px;background-color:#4c90ff}.interval{position:relative;border-left:none;padding:0 10px 0 0;border-top:none}.interval.past{border-top:0;border-right:4px solid #4c90ff;margin-right:-4px}.interval:before{position:absolute;border-top:1px solid hsla(0,0%,100%,.5);width:4px;right:0;content:""}.interval-label{display:none;left:10px;top:-6px;height:10px}}.event{position:relative;display:flex;flex:1 1;flex-direction:row;justify-content:center;align-items:stretch;opacity:1;transition:all .5s ease-in-out .8s}.event::-webkit-scrollbar{width:5px;display:none}.event::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.event::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.2)}.event-details{display:flex;flex-direction:column;width:45%;padding:3rem}.event-details .action{margin-bottom:5px}.content{display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:800px;width:100%;margin:0 auto}.event-graphics{position:relative;display:flex;flex:1 1;width:55%;filter:sepia(.3);background-repeat:no-repeat;background-position:50%;background-size:cover;box-shadow:inset 0 30px 60px -12px hsla(0,0%,9%,0),inset 0 10px 70px 0 #171717}.event-graphics:before{position:absolute;z-index:2;right:0;width:40%;content:"";height:100%;background:linear-gradient(90deg,rgba(255,0,0,0),#171717)}.event-graphics:after{position:absolute;content:"";bottom:0;height:250px;width:100%;background:linear-gradient(180deg,rgba(255,0,0,0),#171717)}.description{margin-bottom:30px}.main.hidden .event{opacity:0}@media screen and (max-width:1024px){.event{flex-direction:column;margin-right:40px;justify-content:unset;overflow-y:scroll}.event-details{flex:1 1;padding:1rem}.event-details h1{font-size:1.5rem;line-height:2rem}.event-details,.event-graphics{width:100%}.event-graphics{min-height:250px;height:250px;flex:auto}.event-graphics:before{right:0;left:auto;width:30%;background:linear-gradient(90deg,hsla(0,0%,9%,0),#171717)}.content{justify-content:flex-start}}.logo{font-family:Oswald;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#f5eadb}.logo .count{font-size:36px;line-height:30px;margin-right:5px}.logo .words{line-height:1}.loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-radius:50%;border-color:hsla(0,0%,100%,.4) hsla(0,0%,100%,.4) transparent transparent;border-style:solid;border-width:2vmin;box-sizing:border-box;height:14vmin;left:calc(50% - 7vmin);position:fixed;top:calc(50% - 7vmin);width:14vmin;z-index:1}.loader:before{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border-color:hsla(0,0%,100%,.2) hsla(0,0%,100%,.2) transparent transparent;height:10vmin;left:0;top:0;width:10vmin}.loader:after,.loader:before{border-radius:50%;border-style:solid;border-width:2vmin;box-sizing:border-box;content:"";position:absolute}.loader:after{-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite;border-color:hsla(0,0%,100%,.1) hsla(0,0%,100%,.1) transparent transparent;height:6vmin;left:2vmin;top:2vmin;width:6vmin}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.loader.hidden{opacity:0;transition:all .25s linear}.splash{display:flex;text-align:center;flex:1 1;height:calc(100% - 63px);flex-direction:column;justify-content:space-around;align-items:center;padding:20px}.splash h1{opacity:0;font-size:3rem}.splash .muted{opacity:0;color:hsla(0,0%,100%,.75)}.splash .count{opacity:1;font-family:Oswald;font-size:8rem;line-height:8rem;margin-bottom:32px}.splash .button{opacity:0}.splash.visible .button,.splash.visible .count,.splash.visible .muted,.splash.visible h1{opacity:1;transition:opacity .6s ease-in-out}.splash.visible h1{transition-delay:.6s}.splash.visible .muted{transition-delay:1.4s}.splash.visible .button{transition-delay:2.2s}.button{display:inline-block;color:#f5eadb;border:2px solid #f5eadb;text-transform:uppercase;padding:5px 30px;transition:background-color .2s ease-in-out,color .2s ease-in-out}.button:hover{color:#171717;background-color:#f5eadb}.arrow-keys{position:absolute;bottom:20px;right:3rem;width:70px;height:50px}.arrow-keys span{display:inline-block;border:1px solid hsla(0,0%,100%,.4);color:hsla(0,0%,100%,.5);font-size:13px;line-height:18px;width:20px;height:20px;margin-right:5px;text-align:center;border-radius:2px;cursor:pointer}.arrow-keys span:last-child{margin-right:0}.arrow-keys .arr-up{display:block;margin:0 auto 4px}.arrow-keys .arr-down,.arrow-keys .arr-up{border:1px solid hsla(0,0%,100%,.15);cursor:default}@media screen and (max-width:1024px){.arrow-keys{display:none}}