.timelinecontainer{display:grid;grid-template-areas:"main";grid-template-columns:1fr;grid-template-rows:auto;padding:0 25px;position:relative}.leftarrow{left:0}.leftarrow,.rightarrow{align-items:center;cursor:pointer;display:flex;height:55px;justify-content:center;position:absolute;top:228px;width:55px;z-index:99}.rightarrow{right:0}.grid-item{font-size:1em;font-weight:700;grid-area:main;padding:0;scroll-behavior:smooth}.grid-item,.items{overflow-x:hidden;overflow-y:hidden}.items{cursor:grab;display:flex;position:relative;transform:scale(.98);transition:all .2s;user-select:none;white-space:nowrap;width:100%;will-change:transform}.active{cursor:grabbing}.item{display:inline-block;margin:1em;padding:5px;text-align:center;white-space:normal;z-index:13}.date{animation:all .5s;color:#333;display:flex;height:95px;justify-content:center;width:320px}.selected{color:#000}.datetop{align-items:flex-end;top:50px}.datebottom,.datetop{position:relative;z-index:4}.datebottom{align-items:flex-start;top:-95px}.circle{height:300px;margin:10px auto;opacity:1;position:relative;top:-15px;transform:scale(1);width:100px;z-index:2}.launch{background-color:#37c4bc}.milestone{background-color:#ec613d}.international{background-color:#fbcc30}.important{background-color:#621a51}.line{background-image:linear-gradient(90deg,#37c4bc,#00b2db,#009aff,#0076ff,#8128e7);display:block;height:8px;left:0;position:fixed;top:250px;width:auto;z-index:0}.itemcontainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.timelinedescription{background:#fff;border:2px solid #ddd;border-radius:5px;box-shadow:3px 3px 8px #ddd;flex-grow:1;margin:0 5px;max-width:320px;min-height:70px;padding:10px 10px 0}.headerdate{color:#222;font-size:1.4em;font-weight:700;margin:0;text-align:left}.description p{color:#111;font-size:1em;font-weight:600;text-align:left}@keyframes appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}