html{font-family:Verdana,Geneva,Tahoma,sans-serif}h1{font-family:Arial,Helvetica,sans-serif}#content{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}#main-content{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;background-color:#faf8f1}#map-container{position:relative;width:90vw;height:40vh;max-width:900px}#logo-overlay{position:absolute;top:0;left:0;z-index:1000;border-right:5px solid #383b1f;border-bottom:5px solid #383b1f;border-left:5px solid #faf8f1;border-top:5px solid #faf8f1;border-bottom-right-radius:20px}#map-wrapper-border{width:100%;height:90%;border:5px solid #383b1f;border-radius:2px}#map,#map-wrapper{width:100%;height:100%}#weather-container{display:flex;justify-content:center;gap:10vw;align-items:center;font-size:3vh;color:#383b1f;padding-left:2vw;padding-right:2vw}#weather-icon{font-weight:700}#arrivals-container{font-size:1.75vh;color:#383b1f;display:flex;flex-direction:column;gap:2vh;margin:30px;max-width:90vw;overflow-x:auto}.arrival-item{display:flex;gap:10px;transition:all .3s;border-bottom:4px solid transparent}.arrival-item:hover{cursor:pointer}.arrival-item.selected{border-bottom-color:#383b1f;color:#000}.arrival-time{color:#a0b39e;font-weight:700;min-width:max-content;white-space:nowrap;flex-wrap:nowrap}.arrival-route{font-weight:700}.arrival-headsign{min-width:max-content;position:relative;color:#6d6d6d}