:root{--urbano-black:#231F20;--urbano-red:#E41B23;--urbano-grey:#6F7072;--transparent:transparent;--animation-duration:4s;--animation-timing-function:linear}#logo{width:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#logo>.st0{--stroke-size:421px;--letter-color:var(--urbano-black)}#logo>.st1{--stroke-size:466px;--letter-color:var(--urbano-red)}#logo>.st2{--stroke-size:188px;--letter-color:var(--urbano-grey)}#logo>.letter{stroke:#000;stroke-width:2px;stroke-linejoin:bevel;fill:var(--transparent);stroke-dasharray:var(--stroke-size);stroke-dashoffset:var(--stroke-size);animation:stroke-animation var(--animation-duration) var(--animation-timing-function) forwards 0s infinite,fill-color var(--animation-duration) var(--animation-timing-function) forwards 0s infinite}@keyframes stroke-animation{50%,70%{stroke-dashoffset:0}90%{stroke-dashoffset:var(--stroke-size)}}@keyframes fill-color{55%,65%{fill:var(--letter-color);stroke-width:2px}50%,70%{fill:var(--transparent);stroke-width:2px}}