:root{--background-color:#920903;--timespan-background-color-dark:#06274f;--btn-font-color:#d5dee6;--draw-opts-color:#a6b0be;--timespan-background-color-light:#2b5983;--btn-font-color:#a3b1bf;--white-color:#fff;--black-color:#000;--animate-duration:0.5s}@font-face{font-family:TradeGothicRegular;src:url(../fonts/TradeGothicLTCom.23371445.ttf) format("truetype")}@font-face{font-family:TradeGothicLTStd-BdCn20;src:url(../fonts/TradeGothicLTStd-BdCn20.ad895c4e.otf) format("truetype")}@font-face{font-family:TradeGothicLTStd;src:url(../fonts/TradeGothicLTStd.46094402.otf) format("truetype")}@font-face{font-family:TradeGothicLTStd-Bd2;src:url(../fonts/TradeGothicLTStd-Bd2.7c7ecb18.otf) format("truetype")}body{margin:0;height:100vh;font-family:TradeGothicRegular,sans-serif;background-size:cover;-ms-overflow-style:none;scrollbar-width:none;overflow:hidden}body::-webkit-scrollbar{display:none;width:0}header{height:14vh;width:100vw;display:flex;align-items:flex-end}.headerButtonWrapper{width:-webkit-max-content;width:-moz-max-content;width:max-content;padding-right:30px}#timespan{height:86vh}#homepageWrapper,#timespanWrapper{position:absolute;height:100vh;width:100vw;overflow-y:hidden}.mainWrapper{display:block;width:50%}.fullHeightOptions{width:50%;height:100vh;position:absolute;right:0}.slide-up-enter-active{transition:all .4s ease}.slide-up-leave-active{transition:all .4s cubic-bezier(1,.5,.8,1)}.slide-up-enter{transform:translateY(100vh)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.fade-intro-enter-active,.fade-intro-leave-active{transition:opacity .5s}.fade-intro-enter,.fade-intro-leave-to{opacity:0}.fading{opacity:.9;color:#fff}.appLoader{background-color:#fff}.animatedLoad{font-size:25px;line-height:100vh;text-align:center;transition:all .5s;color:#fff;height:100vh;width:100vw;background-color:#000}.optionsWrapper{display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow:hidden}.optionsWrapper .option{background-color:var(--timespan-background-color-dark);height:118px;position:relative;right:-461px;width:965px}.optionsWrapper .option p svg{padding:5px 0 0 28px}.optionsWrapper .option.clicked{transition:.3s;right:0}.optionsWrapper .option .arrowButton{transform:rotate(90deg);float:right;position:relative;top:11px;right:19px}body #homepageWrapper{background-color:var(--background-color);display:flex}body .underheaderText{padding:60px 0 0 64px}.headerButtonWrapper svg{padding:0 0 45px 52px}#timespanWrapper{background-image:url(../img/background.a22801e4.png)}#timespanWrapper .ship{position:absolute;top:470px;left:30px;z-index:0}#timespanWrapper .line{position:absolute;top:427px}#timespanWrapper .headerButtonWrapper{width:15%}#timespanWrapper .headerText{width:65%}#timespanWrapper .headerText svg{margin:0 0 45px -19px}#timespanWrapper .endingTriangle{position:absolute;top:-55px;right:-36px}#timespanWrapper #timespan{display:flex;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;scrollbar-behaviour:smooth}#timespanWrapper #timespan .introText{min-height:700px;min-width:645px}#timespanWrapper #timespan .introText svg{padding:24px 0 0 63px;position:absolute}#timespanWrapper #timespan::-webkit-scrollbar{display:none;width:-1px}#timespanWrapper #timespan .columns{display:flex;flex-direction:row;padding-top:272px;height:-webkit-max-content;height:-moz-max-content;height:max-content}#timespanWrapper #timespan .columns>*{padding:0 121px;width:400px;height:500px;z-index:0}#timespanWrapper #timespan .columns>.high{position:relative;bottom:230px}#timespanWrapper #timespan .columns>.low{position:relative;top:65px;height:-webkit-max-content;height:-moz-max-content;height:max-content}.arrowsWrapper{display:flex;position:relative;top:20px;left:40px}.arrowsWrapper .arrowNext{transform:rotate(180deg)}.arrowsWrapper .arrowNext,.arrowsWrapper .arrowPrev{width:120px;height:120px}.arrowsWrapper .arrowNext>*,.arrowsWrapper .arrowPrev>*{width:90px;height:90px;padding:15px}