*{box-sizing:border-box}body{font-family:Helvetica,sans-serif}.lightmode{/*background-color:#fff;*/--timeline-color:#474e5d;--content-color:#fff;--border-color:#B90000; background-image:"url('css/shutterstock_1634162200_3a.jpg')";background-Position:"center";background-size:"cover";padding-top:"20px";height:"100%";}.darkmode{background-color:#000;--timeline-color:#ddd;--content-color:#000;--border-color:#222831}.content h2{font-family:'Love Ya Like A Sister',cursive;padding-top:2%;color:var(--content-color)}.timeline{position:relative;max-width:1200px;margin:0 auto;padding-top:100px;padding-bottom:580px}.timelinegame{text-align:center;width:80%;margin:auto;margin-bottom:15px;position:relative}.timelinegame p{text-align:left}.timeline::after{content:'';position:absolute;width:20px;background-color:var(--timeline-color);top:0;bottom:0;left:50%;margin-left:-10px}.container{padding:10px 40px;position:relative;background-color:inherit;width:50%;margin-left:0}.container::after{content:'';position:absolute;width:28px;height:28px;right:-13px;background-color:#fff;border:4px solid var(--border-color);top:15px;border-radius:60%;z-index:1}.left{left:0;text-align:right}.right{left:50%;text-align:left}.left::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:medium solid var(--timeline-color);border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--timeline-color);}.right::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:medium solid var(--timeline-color);border-width:10px 10px 10px 0;border-color:transparent var(--timeline-color) transparent transparent}.right::after{left:-13px}.content{font-family:'Architects Daughter',cursive;padding:20px 30px;background-color:var(--timeline-color);color:var(--content-color);position:relative;border-radius:6px}@media screen and (max-width:600px){.timeline{padding-top:50px}.timeline::after{left:31px}.container{width:100%;padding-left:70px;padding-right:25px}.container::before{left:60px;border:medium solid #474e5d;border-width:10px 10px 10px 0;border-color:transparent #474e5d transparent transparent}.container::after{content:'';position:absolute;width:30px;height:30px;right:-8px;background-color:#fff;border:4px solid var(--border-color);top:15px;border-radius:60%;z-index:1}.left::after,.right::after{left:15px}.container.right::after{left:15px}.container.left::after{left:15px}.right{left:0%}.left{text-align:left}}