@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lemon&family=Nosifer&family=Permanent+Marker&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nosifer&family=Permanent+Marker&family=Rubik+Scribble&display=swap);body{background:linear-gradient(90deg,#788fa6,#232323);font-family:Open Sans,sans-serif;font-size:16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#a8acb0}::-webkit-scrollbar-thumb{background:#009eff;border-radius:10px}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}.App{display:flex;flex-direction:column;width:100%}.home,.home__content-wrapper{align-items:center;display:flex;justify-content:center}.home__content-wrapper{border-radius:10px;flex-direction:column;margin-top:5rem;width:80%}.home__content-title{color:#009eff;font-family:Roboto Mono,monospace;margin-top:1rem;text-align:center}.home__link{background:#fff;border:3px solid #8de8fe;border-radius:.5rem;color:#000;font-size:1.2rem;font-weight:700;margin-right:1rem;margin-top:1rem;padding:.2rem;position:absolute;right:0;text-decoration:none;top:0}@media screen and (max-width:600px){.home__link{font-size:1rem;padding:.5rem}}.all-stations-link{background-color:#009eff;border-radius:.5rem;color:#fff;display:inline-block;font-weight:700;margin:1rem 0;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.all-stations-link:hover{background-color:#0080cc}.animation{margin-top:-5rem!important}.header{height:120px}.QR-code{height:80px;top:5rem;width:80px}.QR-code,.description-QR{position:absolute;right:2rem}.description-QR{color:#009eff;font-size:20px;font-weight:700;top:1rem}.pagination{padding:.5rem;text-align:center;width:99%}.pagination,.pagination a{align-items:center;display:flex;justify-content:center}.pagination a{background:#000;border-radius:50%;box-shadow:4px 4px 3px -3px gray;color:#009eff;font-size:18px;font-weight:700;height:40px;margin:.5rem;text-decoration:none;width:40px}.pagination a.active{background:#737373;color:#fff}.pagination a:hover{background:#272727}.input-search{background-color:#232323;border:2px solid #009eff;border-radius:20px;color:gray;font-size:18px;font-weight:700;margin-left:1rem;padding:1rem;z-index:2}.input-search:focus{outline:none}.footer{align-content:center;background:#000;bottom:0;height:100px;justify-content:center}.footer,.footer-links{align-items:center;display:flex}.link1{height:50px;margin-left:1rem;width:50px}.link1:hover,.link2:hover{filter:invert(20%)}.link2{height:45px;margin-right:1rem;width:45px}.footer p{color:#fff;color:#009eff;font-family:Roboto Mono,monospace;text-align:center}.footer span{font-size:25px}@media(max-width:990px){.home__content-title{font-size:1.5rem}}@media(max-width:695px){.pagination a{box-shadow:4px 4px 3px -3px gray;font-size:16px;font-weight:700;height:30px;margin:.5rem;width:30px}}@media(max-width:500px){.QR-code{height:50px;left:2rem;top:3rem;width:50px}.description-QR{color:#fd9a00;font-size:14px;font-weight:700;left:2rem;position:absolute;top:.2rem}.pagination{width:105%}.pagination a{box-shadow:4px 4px 3px -3px gray;font-size:13px;font-weight:700;height:25px;margin:.2rem;width:20px}.home__content-title{font-size:1.2rem}.animation{height:300px!important;margin-top:-5rem!important;width:300px!important}.home__content-title{margin-top:-3rem}.footer p{font-size:.8rem}}.city{background:#020202;padding:3rem}@media screen and (max-width:600px){.city{padding:3rem 0}}.city__name{background:#fff;border:5px solid #8de8fe;border-radius:.5rem;color:#020202;font-size:3rem;margin:0 auto;max-width:500px;text-align:center;text-transform:capitalize}@media screen and (max-width:600px){.city__name{font-size:2rem;margin:2rem 1rem 1rem}}.city-cards{align-content:space-around;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-around;min-height:80vh;width:100%}.city-card{background-position:50%;border:2px solid #009eff;border-radius:10px;height:15rem;margin:1rem 0;position:relative;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{background-color:#3b3b3b80;border-radius:10px;color:#fff;font-size:2rem;height:100%;position:absolute;text-align: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-family:Rubik Scribble,system-ui}@media screen and (max-width:1700px){.city-card__name{font-size:25px}.city-card__name:hover{color:#fff;font-size:30px!important;font-weight:700}}@media screen and (max-width:700px){.city-card__name{font-size:20px}.city-card__name:hover{font-size:22px!important}}.departure{background-color:#123a9f;color:#fff;display:grid;font-size:1.5rem;grid-template-columns:1fr 1.5fr 1.5fr 6fr 1fr}.departure .departure_destination{color:#fff;display:flex;font-weight:700;justify-content:center}@media screen and (max-width:850px){.departure{font-size:1.2rem;grid-template-columns:1fr 2fr 2fr 4fr 1fr}}@media screen and (max-width:750px){.departure{font-size:1rem}}.departure--light{background-color:#0363f4}.departure__operator{grid-column-end:span 1;grid-column-start:1;grid-row-end:span 2;grid-row-start:1}.departure__train-type{font-size:.8rem;grid-column-end:span 1;grid-column-start:2;grid-row-end:span 1;grid-row-start:1}@media screen and (max-width:750px){.departure__train-type{font-size:.6rem}}.departure__train-number{font-size:.8rem;grid-column-end:span 1;grid-column-start:2;grid-row-end:span 1;grid-row-start:2}@media screen and (max-width:750px){.departure__train-number{font-size:.6rem}}.departure__time{color:#e1e929;font-weight:700;grid-column-end:span 1;grid-column-start:3;grid-row-end:span 2;grid-row-start:1}.departure__time--disappear{display:none}.departure__delay{font-size:1.2rem;font-weight:700;grid-column-end:span 1;grid-column-start:3;grid-row-end:span 2;grid-row-start:1}@media screen and (max-width:750px){.departure__delay{font-size:12px}}.departure__delay--disappear{display:none}.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:14px}}.departure__stops li img{border-radius:50%;height:10px;margin-left:.5rem;width:10px}.arrival{background-color:#017142;color:#fff;display:grid;font-size:1.5rem;grid-template-columns:1fr 1.5fr 1.5fr 6fr 1fr;grid-template-rows:1fr 1fr 2fr}.arrival .arrival__origin{display:flex;justify-content:center}@media screen and (max-width:850px){.arrival{grid-template-columns:1fr 3fr 3fr 4fr 1fr}}@media screen and (max-width:650px){.arrival{font-size:1rem;grid-template-columns:1fr 4fr 4fr 4fr 1fr}.arrival .arrival__stops li{font-size:14px}}.arrival--light{background-color:#00a254}.arrival__operator{grid-column-end:span 1;grid-column-start:1;grid-row-end:span 2;grid-row-start:1}.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-column-end:span 1;grid-column-start:3;grid-row-end:span 2;grid-row-start:1}.arrival__time--disappear{display:none}.arrival__delay{font-size:1.2rem;font-weight:700;grid-column-end:span 1;grid-column-start:3;grid-row-end:span 2;grid-row-start:1}@media screen and (max-width:750px){.arrival__delay{font-size:12px}}.arrival__delay--disappear{display:none}.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}.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;width:40%}}@media screen and (max-width:650px){.train-stations{width:80%}}.train-stations__link{align-items:center;background-color:#fff;border-radius:5px;color:#0c131f;display:flex;font-weight:700;justify-content:center;padding:1rem 2rem;text-decoration:none}@media screen and (max-width:900px){.train-stations__link{margin-top:1rem}}.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{box-shadow:1px 2px 3px #f6f6f680;margin:auto;width:80%}.directions{width:100%}.directions__arrivals,.directions__departures{border:none;border-radius:10px;font-family:inherit;font-size:1.2rem;padding:.5rem 0;width:50%}.directions__departures{background-color:#123a9f;border-bottom:1px solid #fff;border-radius:10px 0 0 0;color:#fff}.directions__departures:hover{cursor:pointer}.directions__departures--active{background-color:#123a9f;border-bottom:1px solid #fff}.directions__arrivals{background-color:#28893a;border-bottom:1px solid #fff;border-radius:0 10px 0 0;color:#fff}.directions__arrivals:hover{cursor:pointer}.directions__arrivals--active{background-color:#28893a}.stops{align-items:center;animation:scrollText 25s linear infinite;display:flex}@keyframes scrollText{0%{transform:translate(50%)}to{transform:translate(-50%)}}.all-stations-schedule{margin-top:2rem;padding:1rem}.all-stations-schedule__title{color:#009eff;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.all-stations-schedule__grid{display:flex;flex-wrap:wrap;justify-content:center}.all-stations-schedule__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:.5rem;box-shadow:1px 1px 1px #bfbfbf80;margin-bottom:1rem;padding:1rem;width:1400px}.all-stations-schedule__station-name{border-bottom:2px solid #009eff;color:#009eff;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.all-stations-schedule__departures{display:flex;flex-direction:column;gap:.5rem}.all-stations-schedule__departure{background:#8a8a8a33;border-radius:.25rem;padding:.5rem}.all-stations-schedule__departure-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.all-stations-schedule__train-number{color:#219b3a;display:flex;font-weight:700}.all-stations-schedule__train-number p{color:#cfcfcf;margin-right:.5rem}.all-stations-schedule__destination{color:#ccc;font-size:18px;font-weight:500}.all-stations-schedule__departure-time{display:flex;font-size:16px;justify-content:space-between}.all-stations-schedule__time{color:#e5de1a;display:flex}.all-stations-schedule__time p{color:#fff;margin-right:.5rem}.all-stations-schedule__delay{color:#f44}@media(max-width:470px){.all-stations-schedule__title{font-size:18px}.all-stations-schedule__destination,.all-stations-schedule__time,.all-stations-schedule__train-number{font-size:14px}}
/*# sourceMappingURL=main.edeb8592.css.map*/