@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,500,600&display=swap");body{background-color:#111;color:#fff;font-family:'IBM Plex Mono',monospace}body::-webkit-scrollbar{display:none}*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}img{display:block}a{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-decoration:none;color:inherit}.content{list-style:none;color:#eee;padding-left:16vw}.content li{margin:30px 0;margin:4vw 0}.content p{font-size:42px;font-weight:600;line-height:63px}.content header{display:block;font-size:26px;font-weight:500;line-height:40px;max-width:69vw;text-decoration:underline}.content img{width:63vw;margin:15px 0}footer{position:relative;width:100%;padding:30px 16vw;background-color:#2D9CDB;color:#111}footer strong{font-size:20px;line-height:31px;font-weight:500}footer p{font-size:16px;line-height:25px;font-weight:400}.timeline{position:fixed;top:0;right:0;height:100%;height:100vh;padding:30px;padding:5vh 3vw;font-size:20px;font-weight:400;text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;overflow-y:scroll}.timeline::-webkit-scrollbar{display:none}.timeline a{position:relative;padding:50px 10px;padding:5vh 2vw;margin:20px 0;margin:1.5vh 0;-webkit-transition:-webkit-transform 0.1s;transition:-webkit-transform 0.1s;transition:transform 0.1s;transition:transform 0.1s, -webkit-transform 0.1s}.timeline a::after{content:'';position:absolute;top:0;right:0;height:100%;width:2px;background-color:#fff;-webkit-transition:-webkit-transform 0.1s;transition:-webkit-transform 0.1s;transition:transform 0.1s;transition:transform 0.1s, -webkit-transform 0.1s}.timeline a.highlight{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.timeline a.highlight::after{-webkit-transform:scaleX(3);transform:scaleX(3)}.timeline .name{display:none}@media only screen and (min-width: 721px){.content{padding-left:17vw}.content li{margin:40px 0;margin:5vw 0}.content p{font-size:86px;line-height:130px}.content header{font-size:53px;line-height:82px;max-width:66%}.content img{width:49vw;margin:30px 0}footer{padding:30px 17vw}footer strong{font-size:26px;line-height:43px}footer p{font-size:20px;line-height:34px}.timeline{padding:40px 50px;padding:5vh 5vw}.timeline a{padding:40px 20px;padding:4vh 2vw}}@media only screen and (min-width: 1025px){.content{padding-left:25vw}.content li{margin:6vw 0}.content header{text-decoration:none;max-width:33vw}.content img{width:24vw;margin:25px 0}footer{position:fixed;right:0;top:0;height:100%;width:300px;width:16vw;padding:50px 20px;padding:2vw 1vw}footer strong{font-size:20px;line-height:31px}footer p{font-size:16px;line-height:25px}.timeline{padding:40px 30px;padding:5vh 1.7vw;right:300px;right:16vw;font-size:16px;line-height:27px}.timeline a{padding:15px;margin:10px 0;margin:1vh 0}.timeline a:hover{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.timeline a:hover::after{-webkit-transform:scaleX(3);transform:scaleX(3)}.timeline .name{display:block;font-size:13px;line-height:23px}}
