html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#222;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;min-height:100vh}#app{width:100%;max-width:900px;margin:0 auto;text-align:center}input{height:2rem;width:inherit;font-size:1.3rem;padding:.25rem;position:relative;margin:0 auto}section{margin-top:5rem;display:grid;grid-template-columns:repeat(3,1fr);column-gap:1.5rem}#search{position:relative;width:100%;margin:0 auto 25px;max-width:539px}#suggestions{position:absolute;width:inherit;z-index:1}.suggestion{text-align:left;padding:1rem;color:#222;background-color:#f1f1f1;border:1px solid #ccc;border-width:.5px}.suggestion:hover{border:1px solid #222}.suggestion-text{margin:0}#timeline{position:relative}#timeline:after{content:"";position:absolute;width:6px;background-color:#789;top:0;bottom:0;left:50%}.event{text-align:left;background-color:#d3d3d3;border-radius:1rem;position:relative;padding:10px 30px 30px;width:40%}.left{left:0%}.right{left:60%}h4,p{margin:0 auto}li{list-style-type:none;cursor:pointer}#loadingAnimation{width:500px}@media (max-width: 699px){#app{width:90%}.event{width:80%;margin-bottom:30px}.left,.right{left:15%}#timeline:after{left:5%}}@media (prefers-color-scheme: dark){:root{color:#ccc;background-color:#1a1a1a}.suggestion{color:#ccc;background-color:#161616}.suggestion:hover{border:1px solid #bbb}#timeline:after{background-color:#789}.event{background-color:#222}}