*{margin:0;box-sizing:border-box;font-family:Courier New,Courier,monospace}body{background:linear-gradient(120deg,goldenrod,crimson);height:100vh;display:flex;justify-content:center;align-items:center}#app{font-size:12.25vw;font-weight:700;border:.1em solid white;background:transparent;color:#fff;padding:.1em .2em;border-radius:.3em;display:flex;flex-direction:row}.seperator{transform:translateY(-.09em)}.milisec:after{content:attr(data-mili)}@media (orientation: portrait){#app{font-size:11.5vh;flex-direction:column}.seperator{transform:rotate(90deg) translateY(-.09em)}.milisec:after{content:attr(data-centi)}}