@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap);body{background-color:#0c131f;font-family:Open Sans,sans-serif;font-size:16px}a,body,button,div,footer,form,h1,h2,h3,header,html,img,input,label,li,nav,p,select,span,table,textarea,ul{margin:0;padding:0}li,ul{list-style:none}.home{align-items:center;display:flex;justify-content:center;min-height:100vh}.home__content-wrapper{background-color:#8de8fe;border-radius:10px;width:80%}.city{padding:3rem}@media screen and (max-width:600px){.city{padding:3rem 0}}.city__name{color:#8de8fe;text-align:center;text-transform:capitalize}.city-cards{align-content:space-around;background-color:hsla(0,0%,100%,.5);border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-around;min-height:80vh;width:100%}.city-card{background-position:50%;border-radius:10px;height:10rem;margin:1rem 0;text-decoration:none;width:30%}@media screen and (max-width:1200px){.city-card{width:45%}}@media screen and (max-width:700px){.city-card{width:80%}}.city-card__name{align-items:center;background-color:rgba(59,59,59,.5);border-radius:10px;color:#fff;display:flex;font-size:2rem;height:100%;justify-content:center;text-transform:capitalize;transition:font-size .5s ease-in-out;width:100%}.city-card:hover{cursor:pointer}.city-card:hover .city-card__name{font-size:3rem}.departure{background-color:#123a9fab;color:#fff;display:grid;font-size:1.5rem;grid-template-columns:1fr 6fr 6fr 12fr 1fr;grid-template-rows:1fr .5fr 1fr}@media screen and (max-width:850px){.departure{font-size:1.2rem}}@media screen and (max-width:750px){.departure{font-size:1rem}}.departure--light{background-color:#0365f4ab}.departure__train-type{grid-row-start:1}.departure__train-number,.departure__train-type{font-size:.8rem;grid-column-end:span 1;grid-column-start:2;grid-row-end:span 1}.departure__train-number{grid-row-start:2}.departure__time{color:#e1e929;font-weight:700;grid-row-start:1}.departure__delay,.departure__time{grid-column-end:span 1;grid-column-start:3;grid-row-end:span 1;text-align:center}.departure__delay{font-size:1rem;grid-row-start:2}.departure__destination{font-weight:700;grid-column-end:span 1;grid-column-start:4;grid-row-end:span 2;grid-row-start:1}.departure__stops{grid-column-end:span 3;grid-column-start:2;grid-row-end:span 1;grid-row-start:3;overflow:hidden;white-space:nowrap}.departure__stops li{font-size:1.2rem;margin-right:.5rem}@media screen and (max-width:750px){.departure__stops li{font-size:1rem}}.departure__stops li img{border-radius:50%;height:10px;margin-left:.5rem;width:10px}.arrival{background-color:#017142ab;color:#fff;display:grid;font-size:1.5rem;grid-template-columns:1fr 6fr 6fr 12fr 1fr;grid-template-rows:1fr .5fr 1fr}@media screen and (max-width:850px){.arrival{font-size:1.2rem}}@media screen and (max-width:650px){.arrival{font-size:1rem}}.arrival--light{background-color:#00a253ab}.arrival__train-type{grid-row-start:1}.arrival__train-number,.arrival__train-type{font-size:.8rem;grid-column-end:span 1;grid-column-start:2;grid-row-end:span 1}.arrival__train-number{grid-row-start:2}.arrival__time{color:#e1e929;font-weight:700;grid-row-start:1}.arrival__delay,.arrival__time{grid-column-end:span 1;grid-column-start:3;grid-row-end:span 1;text-align:center}.arrival__delay{font-size:1rem;grid-row-start:2}.arrival__origin{font-weight:700;grid-column-end:span 1;grid-column-start:4;grid-row-end:span 2;grid-row-start:1}.arrival__stops{grid-column-end:span 3;grid-column-start:2;grid-row-end:span 1;grid-row-start:3;overflow:hidden;white-space:nowrap}.arrival__stops li{font-size:1.2rem;margin-right:.5rem}@media screen and (max-width:750px){.arrival__stops li{font-size:1rem}}.arrival__stops li img{border-radius:50%;height:10px;margin-left:.5rem;width:10px}.train-stations{display:flex;justify-content:space-around;margin:2rem auto;width:90%}@media screen and (max-width:900px){.train-stations{flex-direction:column;min-height:50vh;width:40%}}@media screen and (max-width:650px){.train-stations{min-height:50vh;width:80%}}.train-stations__link{align-items:center;background-color:#fff;border-radius:5px;color:#0c131f;display:flex;justify-content:center;padding:1rem 2rem;text-decoration:none}.train-stations__link:hover{cursor:pointer}.train-stations__link:hover span:after{opacity:1;width:100%}.train-stations__link--active{border:5px solid #8de8fe;color:#000}.train-stations__link span{position:relative;transition:all .5s ease-in-out}.train-stations__link span:after{background-color:#8de8fe;bottom:-10px;content:"";height:5px;left:0;opacity:0;position:absolute;transition:all 1s ease-in-out;width:0}.train-station{margin:auto;width:80%}@media screen and (max-width:650px){.train-station{width:100%}}.directions{width:100%}.directions__arrivals,.directions__departures{border:none;border-radius:5px 5px 0 0;font-family:inherit;font-size:1.2rem;padding:.5rem 0;width:50%}.directions__departures{background-color:#123a9f57;color:#fff}.directions__departures:hover{cursor:pointer}.directions__departures--active{background-color:#123a9fab}.directions__arrivals{background-color:#28893957;color:#fff}.directions__arrivals:hover{cursor:pointer}.directions__arrivals--active{background-color:#288939ab}.stops{align-items:center;-webkit-animation:scrollText 15s linear infinite;animation:scrollText 15s linear infinite;display:flex}@-webkit-keyframes scrollText{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-200%);transform:translate(-200%)}}@keyframes scrollText{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-200%);transform:translate(-200%)}}
/*# sourceMappingURL=main.1c56cea9.css.map*/