.transit-container{height:100vh;position:relative;padding:0 3rem;display:flex;align-items:center;justify-content:space-around;background-image:url(/assets/background-f5b934d1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.card{width:13rem;background-color:#fff;padding:2rem;border-radius:.5rem}.card img{width:100%}@media only screen and (max-width: 768px){.card{width:8rem;padding:1.7rem}}@media only screen and (max-width: 476px){.transit-container{height:max-content;flex-direction:column;justify-content:flex-start;background-size:cover}.card{width:70%;padding:2rem;margin:3rem 0}.card:nth-child(1){margin-top:6rem}}nav{width:100%;background-color:#3f3f3f;padding:.5rem 0;position:fixed;top:0;z-index:1000}.nav-container{width:90%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative}.nav-links{display:flex;align-items:center;justify-content:center}.logo{text-decoration:none;font-size:2rem;color:#ff6e40;font-weight:800}.nav-links li{list-style:none;margin-left:3rem;color:#e2e2e2;font-weight:600}.hamburger{width:40px;height:40px;display:none;padding:.7rem;border-radius:50%;cursor:pointer;position:absolute;right:0}.hamburger:hover{background-color:#292929}.hamburger span{display:block;width:20px;height:2px;background-color:#e2e2e2}.main-btn{all:unset;background-color:#ff6e40;color:#fff;padding:.2rem 1rem;border-radius:5px;cursor:pointer;text-align:center}nav .main-btn{margin-left:3rem}a{text-decoration:none;color:inherit}@media screen and (max-width: 768px){.nav-container{width:95%}.nav-links{padding:2rem 5rem;flex-direction:column;align-items:center;justify-content:space-around;position:absolute;right:0rem;top:3.6rem;background-color:#fff;border-radius:.3rem;box-shadow:0 0 5px 2px #000000bf;transition:transform .4s ease}.nav-links.inactive{transform:translate(150%)}.nav-links li{margin:.8rem 0;color:#3f3f3f}nav .main-btn{margin:.8rem 0}.active{transform:translate(0)}.hamburger{display:flex;flex-direction:column;align-items:center;justify-content:space-around}}.form-container{margin:5rem auto;width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-form{width:30rem;border:1px solid #ababab;border-radius:5px;padding:1.5rem 2.5rem}.login-form h2{margin-bottom:1rem}.login-form form{display:flex;flex-direction:column}.input-container{height:3rem;position:relative;margin-bottom:.8rem;overflow:hidden}.input-container input{width:100%;height:100%;color:#595f6e;padding-top:1.4rem;border:none;outline:none}.input-container label{position:absolute;width:100%;height:100%;left:0;top:0;color:#595f6e;border-bottom:1px solid #ababab;pointer-events:none}.input-container label:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:-1px;border-bottom:2px solid #5fa8d3;transform:translate(-100%);transition:transform .3s ease}.label-name{position:absolute;top:1.4rem;left:0;transition:all .3s ease}.input-container input:focus+label .label-name,.input-container input:valid+label .label-name{transform:translateY(-100%);font-size:.8rem;color:#5fa8d3}.input-container input:focus+label:after,.input-container input:valid+label:after{transform:translate(0)}form button.login{all:unset;background-color:#ff6e40;width:100%;height:2rem;color:#fff;text-align:center;font-weight:600;margin-top:1rem;cursor:pointer}button.login:focus{border:.3rem solid #ce5a36;border-radius:4px}.login[disabled]{background-color:#f78d6d}.login-options{display:flex;align-items:center;justify-content:space-between}.remember-label{margin-left:3px;font-weight:600}form .reset,.signup-text a{color:#ff6e40;text-decoration:underline}.signup-text{text-align:center;margin-top:2.5rem}.divider{width:20rem;display:flex;align-items:center;justify-content:space-around;margin:1rem 0}.divider hr{width:40%}.oauth-container{width:20rem;display:flex;flex-direction:column}.oauth-container button{all:unset;width:100%;padding:.4rem;display:flex;align-items:center;justify-content:center;border:1px solid #ababab;border-radius:1.2rem;position:relative;margin:.3rem 0;font-weight:600;cursor:pointer}.oauth-container .auth-icon{position:absolute;left:2px;top:2px}@media screen and (max-width: 578px){.login-form{width:90%}}.not-found{height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.not-found h1{color:red;font-size:5rem}.not-found p{font-size:1.4rem}.message-card{width:90%;border-radius:3px;margin-bottom:1em;padding:1rem;background-color:#f08080;color:#941111;position:relative}.close-message{font-size:1.2rem;font-weight:500;position:absolute;top:3px;right:10px;cursor:pointer}.transport-fair{width:100%;height:4rem;padding:.4rem;margin-top:1rem;display:flex;align-items:center;justify-content:space-around;border-radius:3px;background-color:#fff;font-weight:600}.transport-fair img{height:100%;width:auto}.transport-fair p:has(span) span{margin-right:5px;color:#ababab}.destination-container{width:90%;margin:5rem auto;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.destination-container form{background-color:#d3d3d3;padding:1.5rem;border-radius:5px;display:flex;flex-direction:column}.destination-container label{color:#3a3a3a}.destination-container input{width:15rem;height:2rem;font-size:1rem;font-weight:500;padding-left:.3rem;margin-bottom:1rem;border:none;border-radius:3px}.map-container{width:70%}.map-container img{width:100%;height:auto}.travel-info{width:20rem;padding:1rem;background-color:#d3d3d3;border-radius:5px}.travel-info>p{margin-top:1rem;font-weight:600}.location-info{background-color:#ff6e40;color:#fff;font-size:1.2rem;font-weight:500;padding:.6rem;border-radius:5px;position:relative}.location-info p{position:relative;left:1rem}.location-info p:before{content:"";width:10px;height:10px;background-color:#fff;border-radius:50%;position:absolute;left:-1rem;top:50%;transform:translateY(-50%)}.location-info p:nth-child(2){margin-top:1.5rem}.distance-bar{display:block;position:absolute;width:2px;height:3rem;top:1.6rem;left:.8rem;background-color:#fff}@media only screen and (max-width: 476px){.destination-container{width:95%;flex-direction:column;align-items:center}.destination-container form,.destination-container form input,.map-container{width:100%}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:16px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}