@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900;1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@500&display=swap);.icon{border-radius:30px;cursor:pointer;-webkit-filter:drop-shadow(0 0 5px #00000008);filter:drop-shadow(0 0 5px #00000008);margin:4vw 4vw 5vw;padding:3vw}.icon,.icon img{height:27vw;width:27vw}body{background-attachment:fixed;background-image:url(/static/media/bg-1.56bd9e54c56436fa8732.png);font-family:Outfit,sans-serif;margin:0;padding:0}.logo,body{background-position:50%;background-repeat:no-repeat;background-size:cover}.logo{background-image:url(/static/media/logo.ce1f5e21ac23ab374c03.png);height:20vh}.box-transport-method{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff8b;border-radius:30px;display:flex;-webkit-filter:drop-shadow(0 0 20px var(--black-shadow));filter:drop-shadow(0 0 20px var(--black-shadow));flex-wrap:wrap;justify-content:center;margin-left:5vw;margin-right:5vw;margin-top:15vh}.container{display:flex;flex-direction:column;height:100vh;justify-content:space-evenly}.title-1{font-size:40pt;margin-bottom:10px;text-align:center}.choice-stops{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff76;border:12px solid #ffd11a;border-radius:30px;display:flex;-webkit-filter:drop-shadow(0 0 5px #00000038);filter:drop-shadow(0 0 5px #00000038);font-size:10px;margin-left:auto;margin-right:auto;width:80vw}.choice-stops input{background-color:#ffffff00;border:none;border-radius:30px;color:#1e1f22;font-size:20pt;font-weight:700;height:30px;margin:0;outline:inherit;padding:10px;width:100%}.choice-stops svg{fill:#ffd11a;height:40px;margin-left:10px;margin-top:5px}.start-button{-webkit-filter:drop-shadow(0 0 5px #00000038);filter:drop-shadow(0 0 5px #00000038);text-align:center}.start-button button{background:var(--yellow);border-radius:20px;border-style:none;color:var(--black);font-size:25pt;font-weight:700;outline:inherit;padding:15px;text-align:center;width:80vw}.distance{font-size:3.5rem;font-weight:800;text-align:center}.backArrow{height:5rem;left:10px;position:absolute;top:10px}.truck-wrapper{-webkit-animation:bg .5s linear infinite;animation:bg .5s linear infinite;background:var(--white);border-radius:100%;height:200px;left:50%;overflow:hidden;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) scale(.8);transform:translateX(-50%) translateY(-50%) scale(.8);width:200px}.truck{bottom:48px;height:110px;left:calc(50% + 10px);position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:150px}.truck>.glases{-webkit-animation:updown-half .4s linear infinite;animation:updown-half .4s linear infinite;background:#28b5f5;background:linear-gradient(135deg,#514f4f,#514f4f 50%,#333131 52%,#333131);border:4px solid #ffd11a;border-bottom:none;border-top-right-radius:6px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#28b5f5",endColorstr="#0299e3",GradientType=1);height:25px;left:-19px;position:absolute;top:35.5px;width:143.9px}.truck>.glases:after{background-color:#ffd11a;border-radius:10px/15px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;height:6px;right:-6px}.truck>.glases:after,.truck>.glases:before{bottom:0;content:"";display:block;position:absolute;width:3px}.truck>.glases:before{background-color:#fbd734;height:27px;left:102px}.truck>.bonet{-webkit-animation:updown .4s linear infinite;animation:updown .4s linear infinite;background-color:#fbd734;height:15px;left:-19px;position:absolute;top:64px;width:153.8px;z-index:-1}.truck>.bonet:after{background:#fff;background:linear-gradient(135deg,#fff,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6);border-top-left-radius:4px;bottom:2px;content:"";display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f6f6f6",GradientType=1);height:10px;position:absolute;right:0;width:6px}.truck>.base{-webkit-animation:updown .4s linear infinite;animation:updown .4s linear infinite;background-color:#445a64;border-top-right-radius:10px;height:15px;left:-15px;position:absolute;top:70px;width:134px}.truck>.base:before{background-color:#e54a18;border-bottom-left-radius:4px;height:20px;left:-4px;width:5px}.truck>.base:after,.truck>.base:before{bottom:0;content:"";display:block;position:absolute}.truck>.base:after{background-color:#445a64;border-bottom-right-radius:4px;height:10px;right:-16px;width:20px;z-index:-1}.truck>.base-aux{-webkit-animation:updown-half .4s linear infinite;animation:updown-half .4s linear infinite;background-color:#fbd734;height:26px;left:25px;position:absolute;top:38px;width:3px}.truck>.wheel-back{left:20px}.truck>.wheel-front{left:95px}.truck>.wheel-back,.truck>.wheel-front{-webkit-animation:spin .6s linear infinite;animation:spin .6s linear infinite;background:#546e7a;background:linear-gradient(135deg,#546e7a,#546e7a 49%,#445a64 52%,#445a64);border-radius:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#546e7a",endColorstr="#445a64",GradientType=1);height:22px;position:absolute;top:75px;width:22px}.truck>.wheel-back:before,.truck>.wheel-front:before{background:#afbdc3;background:linear-gradient(135deg,#afbdc3,#afbdc3 50%,#8fa3ad 51%,#8fa3ad);border-radius:100%;content:"";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#afbdc3",endColorstr="#8fa3ad",GradientType=1);height:12px;left:5px;position:absolute;top:5px;width:12px}@-webkit-keyframes spin{50%{top:76px}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{50%{top:76px}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes container{30%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}50%{top:11px}70%{top:10px;-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}}@keyframes container{30%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}50%{top:11px}70%{top:10px;-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}}.truck>.smoke{-webkit-animation:fade .4s linear infinite;animation:fade .4s linear infinite;background-color:#afbdc3;border-radius:100%;height:8px;left:6px;opacity:0;position:absolute;top:90px;width:8px}.truck>.smoke:after{height:6px;left:4px;top:-4px;width:6px}.truck>.smoke:after,.truck>.smoke:before{background-color:#8fa3ad;border-radius:100%;content:"";position:absolute}.truck>.smoke:before{height:4px;left:0;top:-2px;width:4px}@-webkit-keyframes fade{30%{left:7px;opacity:.3}50%{left:6px;opacity:.5}70%{left:4px;opacity:.1}90%{left:2px;opacity:.4}}@keyframes fade{30%{left:7px;opacity:.3}50%{left:6px;opacity:.5}70%{left:4px;opacity:.1}90%{left:2px;opacity:.4}}@-webkit-keyframes bg{0%{background-position-x:0}to{background-position-x:-400px}}@keyframes bg{0%{background-position-x:0}to{background-position-x:-400px}}@-webkit-keyframes updown{50%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}70%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}}@keyframes updown{50%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}70%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}}@-webkit-keyframes updown-half{50%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}70%{-webkit-transform:translateY(-5%);transform:translateY(-5%)}}@keyframes updown-half{50%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}70%{-webkit-transform:translateY(-5%);transform:translateY(-5%)}}:root{--blue:linear-gradient(#338cf1,#0b60c1);--green:linear-gradient(#30d680,#25ca75);--yellow:linear-gradient(#ffd11a,#ffc42f);--red:linear-gradient(#f83340,#fd626c);--white:#f1f3f9;--black:#1e1f22;--black-shadow:#1e1f2244}
/*# sourceMappingURL=main.f8b430ad.css.map*/