.traffic-lights{width:35vh;height:45vh;margin:0 auto;padding-bottom:2vh;position:relative;top:10vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2.8vh;background:url(../img/traffic-lights.05c2973a.svg) no-repeat 50%;background-size:contain}.traffic-lights__lamp{width:11vh;height:11vh;display:flex;align-items:center;justify-content:center;border-radius:50%;background:url(../img/light-turned-off.cafb029d.svg) no-repeat 50%;background-size:contain}.timer{font-size:34px}@media(max-width:768px){.timer{font-size:24px}}.red>.traffic-lights__lamp--red{background-image:url(../img/light-red.1137525b.svg)}.yellow>.traffic-lights__lamp--yellow{background-image:url(../img/light-yellow.3032f062.svg)}.green>.traffic-lights__lamp--green{background-image:url(../img/light-green.8979a3ca.svg)}.flashing>.traffic-lights__lamp{-webkit-animation:flash 1s linear infinite;animation:flash 1s linear infinite}@-webkit-keyframes flash{50%{background-image:url(../img/light-turned-off.cafb029d.svg)}}@keyframes flash{50%{background-image:url(../img/light-turned-off.cafb029d.svg)}}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden}#app{width:100vw;height:100vh;background-color:rgba(8,232,234,.3137254901960784)}.stick{width:2vh;height:35vh}.footing,.stick{margin:0 auto;background-color:#000}.footing{width:20vh;height:2vh}.horizon{width:100vw;height:1vh;background-color:#000}.asphalt{width:100vw;height:17vh;background-color:#676767}