@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{background-color:#deb887}.container{width:1200px;height:600px;margin:100px auto;background-color:#804231;border:20px solid #000;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-end}.speedo__0,.speedo__20,.speedo__40,.speedo__60,.speedo__80,.speedo__100,.speedo__120,.speedo__140,.speedo__160{width:40px;height:5px;background:#000;position:absolute}.speedo__0:after,.speedo__20:after,.speedo__40:after,.speedo__60:after,.speedo__80:after,.speedo__100:after,.speedo__120:after,.speedo__140:after,.speedo__160:after{content:"";display:block;width:20px;height:5px;background:#000;position:absolute}.speedo__0:before,.speedo__20:before,.speedo__40:before,.speedo__60:before,.speedo__80:before,.speedo__100:before,.speedo__120:before,.speedo__140:before,.speedo__160:before{font-family:Orbitron,sans-serif;position:absolute;top:-10px}.car__window,.car__window .car__roof,.car__window .car__roof:after,.police,.police__window,.police__window .police__roof,.police__window .police__roof .flasher,.police__window .police__roof:after{position:absolute;left:0;right:0;margin:0 auto}.car:after,.car:before,.police:after,.police:before{content:"";display:block;height:5px;width:15px;border-radius:5px;background-color:red;position:absolute}.car .front_headlight,.car .front_headlight:after,.police .front_headlight,.police .front_headlight:after{width:20px;height:20px;border-radius:50%}.speedo{width:400px;height:400px;background:linear-gradient(30deg,#000,rgba(255,0,0,.6705882352941176));border:5px solid #350000;border-radius:50%;position:absolute;bottom:-200px;right:-170px;overflow:hidden}.speedo__0{top:185px;transform:rotate(2deg)}.speedo__0:after{top:-15px;transform:rotate(4deg)}.speedo__0:before{content:"0";transform:rotate(-2deg);right:-15px;top:-10px}.speedo__20{top:155px;left:3px;transform:rotate(10deg)}.speedo__20:after{top:-16px;left:2px;transform:rotate(4deg)}.speedo__20:before{content:"20";transform:rotate(-12deg);right:-30px}.speedo__40{top:125px;left:10px;transform:rotate(20deg)}.speedo__40:after{top:-16px;left:4px;transform:rotate(4deg)}.speedo__40:before{content:"40";transform:rotate(-20deg);right:-30px}.speedo__60{top:95px;left:25px;transform:rotate(30deg)}.speedo__60:after{top:-16px;left:4px;transform:rotate(6deg)}.speedo__60:before{content:"60";transform:rotate(-30deg);right:-30px}.speedo__80{top:68px;left:45px;transform:rotate(40deg)}.speedo__80:after{top:-16px;left:5px;transform:rotate(6deg)}.speedo__80:before{content:"80";transform:rotate(-40deg);right:-30px}.speedo__100{top:45px;left:70px;transform:rotate(50deg)}.speedo__100:after{top:-18px;left:6px;transform:rotate(6deg)}.speedo__100:before{content:"100";transform:rotate(-50deg);right:-30px}.speedo__120{top:25px;left:100px;transform:rotate(65deg)}.speedo__120:after{top:-20px;left:10px;transform:rotate(6deg)}.speedo__120:before{content:"120";transform:rotate(-65deg);right:-30px}.speedo__140{top:15px;left:140px;transform:rotate(80deg)}.speedo__140:after{top:-20px;left:5px;transform:rotate(6deg)}.speedo__140:before{content:"140";transform:rotate(-80deg);right:-30px}.speedo__160{top:13px;left:180px;transform:rotate(90deg)}.speedo__160:after{top:-20px;left:0;transform:rotate(6deg)}.speedo__160:before{content:"160";transform:rotate(-90deg);right:-30px}.speedo .arrow{width:400px;height:5px;background:#bd1abd;position:absolute;top:50%;bottom:50%;left:0;right:0;margin:0 auto;animation:arrow 20s linear}.road{height:1200px;width:500px;background-color:#828282;border-right:20px solid #fff;border-left:20px solid #fff;display:flex;justify-content:center;animation:road 2s linear 10 forwards}.road:after{content:"";height:100%;width:0;border:10px dashed #fff}.car{width:110px;height:205px;background-color:#fbde50;position:absolute;border:5px solid #000;border-radius:20px;border-top-right-radius:40px;border-top-left-radius:40px;overflow:hidden;animation:car 20s linear both}.car:before{bottom:5px;left:5px;transform:rotate(30deg)}.car:after{bottom:5px;right:5px;transform:rotate(-30deg)}.car__window{height:140px;width:80px;background-color:#415765;top:50%;transform:translateY(-50%);border-radius:30px;border-top-left-radius:35px;border-top-right-radius:35px}.car__window:before{left:-5px;transform:rotate(55deg)}.car__window:after,.car__window:before{content:"";display:block;width:30px;height:5px;background-color:#fbde50;position:absolute;top:20px}.car__window:after{right:-5px;transform:rotate(-55deg)}.car__window .car__roof{display:block;width:70px;height:125px;background-color:#fbde50;bottom:-10px;border-radius:40px}.car__window .car__roof:after{content:"";display:block;width:50px;height:15px;background-color:#415765;bottom:15px;border-radius:50px}.car .front_headlight{background-color:#415765}.car .front_headlight:after{content:"";display:block;background-color:#415765;position:absolute;right:0}.police{left:300px;width:110px;height:205px;background-color:#1b100d;position:absolute;border:5px solid #000;border-radius:20px;border-top-right-radius:40px;border-top-left-radius:40px;overflow:hidden;animation:police 20s linear both}.police__text{position:absolute;color:#fff;text-transform:uppercase;transform:rotate(180deg);font-size:10px;left:30px}.police:before{bottom:5px;left:5px;transform:rotate(30deg)}.police:after{bottom:5px;right:5px;transform:rotate(-30deg)}.police__window{height:140px;width:80px;background-color:#415765;top:50%;transform:translateY(-50%);border-radius:30px;border-top-left-radius:35px;border-top-right-radius:35px}.police__window:before{top:20px;left:-5px;transform:rotate(55deg)}.police__window:after,.police__window:before{content:"";display:block;width:30px;height:5px;background-color:#1b100d;position:absolute}.police__window:after{top:17px;right:-5px;transform:rotate(-55deg)}.police__window .police__roof{display:block;width:70px;height:125px;background-color:#fff;bottom:-10px;border-radius:40px}.police__window .police__roof:after{content:"";display:block;width:50px;height:15px;background-color:#415765;bottom:15px;border-radius:50px}.police__window .police__roof .nine{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;text-align:center;margin-top:60px}.police__window .police__roof .flasher{top:30px;width:60px;height:20px;background-color:#1b100d;border-radius:50px}.police__window .police__roof .flasher:before{content:"";position:absolute;left:0;width:20px;height:20px;border-top-left-radius:50px;border-bottom-left-radius:50px;background-color:#1a51cf;animation:left .5s linear infinite}.police__window .police__roof .flasher:after{content:"";position:absolute;right:0;width:20px;height:20px;border-top-right-radius:50px;border-bottom-right-radius:50px;background-color:#d11718;animation:right .5s linear infinite}.police .front_headlight{background-color:#fbde50}.police .front_headlight:after{content:"";display:block;background-color:#fbde50;position:absolute;right:0}@keyframes road{0%{transform:translateY(0)}to{transform:translateY(640px)}}@keyframes arrow{0%{transform:rotate(0)}10%{transform:rotate(20deg)}20%{transform:rotate(60deg)}30%{transform:rotate(70deg)}40%{transform:rotate(80deg)}50%{transform:rotate(90deg)}60%{transform:rotate(60deg)}70%{transform:rotate(40deg)}80%{transform:rotate(60deg)}90%{transform:rotate(10deg)}to{transform:rotate(0)}}@keyframes car{0%{transform:translateY(200px)}10%{transform:translate(-50px,100px) rotate(-10deg)}20%{transform:translate(-50px,-150px) rotate(0deg)}30%{transform:translate(-50,-200px) rotate(10deg)}40%{transform:translate(-100px,-300px) rotate(-10deg)}50%{transform:translate(-50px,-350px) rotate(0deg)}60%{transform:translate(-100px,-250px) rotate(10deg)}70%{transform:translate(-100px,-100px) rotate(-10deg)}80%{transform:translate(-100px,-200px) rotate(10deg)}90%{transform:rotate(-120deg)}to{transform:translateX(-100px) rotate(-120deg)}}@keyframes police{0%{transform:translateY(250px)}10%{transform:translateY(200px)}20%{transform:translateY(150px)}30%{transform:translateY(50px)}40%{transform:translate(-50px,-100px) rotate(-5deg)}50%{transform:translate(-80px,-150px)}60%{transform:translate(-80px,-200px)}70%{transform:translate(-60px,-150px)}80%{transform:translate(-80px,-160px) rotate(-30deg)}90%{transform:translate(-150px,-200px) rotate(-75deg)}to{transform:translate(-180px,-250px) rotate(-100deg)}}@keyframes left{0%{background-color:#1a51cf}to{background-color:#d11718}}@keyframes right{0%{background-color:#d11718}to{background-color:#1a51cf}}
/*# sourceMappingURL=style.e151f55e.css.map */