@keyframes blinker{50%{opacity:0}}:root{--color-newyork:#FFAB91;--color-lisbon:#B39DDB;--color-london:#81D4FA;--color-berlin:#A5D6A7;--color-pune:#FFF59D;--color-textdrk:#3f3f3f;--color-textdrk-opacity:rgba(63, 63, 63, 0.35)}body{margin:0;padding:0;font-family:'Roboto Mono',monospace;color:var(--color-textdrk);font-size:16px;line-height:1.45}.container{display:grid;grid-template-columns:100vw;grid-template-rows:repeat(5,20%)}.location{display:grid;padding:6%;text-align:center;z-index:5}@media (min-width:476px){.location{padding:3%}}@media (min-width:836px){.container{display:grid;grid-template-columns:repeat(5,20%);grid-template-rows:100vh}.location{padding:8%}}.timezone{place-self:center}@media (min-width:836px){.current .timezone{position:relative}.current .timezone:before{content:'';background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 31.7676C60 20.7219 51.0457 11.7676 40 11.7676C28.9543 11.7676 20 20.7219 20 31.7676V32.9722C20 37.3918 21.3809 41.7009 23.9497 45.2972L39.9605 67.7123C39.9799 67.7394 40.0201 67.7394 40.0395 67.7123L56.0503 45.2972C58.6191 41.7009 60 37.3918 60 32.9722V31.7676Z' fill='%233f3f3f' fill-opacity='0.25' /%3E%3Cpath d='M36.0908 23.7694C38.5612 22.5797 41.4388 22.5797 43.9092 23.7694C46.3795 24.959 48.1737 27.2088 48.7838 29.882C49.3939 32.5551 48.7536 35.3606 47.0441 37.5043C45.3345 39.6479 42.7419 40.8965 40 40.8965C37.2581 40.8965 34.6655 39.6479 32.9559 37.5043C31.2464 35.3606 30.6061 32.5551 31.2162 29.882C31.8263 27.2088 33.6205 24.959 36.0908 23.7694Z' fill='%233f3f3f' fill-opacity='0.25' /%3E%3Cpath d='M60 31.7676C60 20.7219 51.0457 11.7676 40 11.7676C28.9543 11.7676 20 20.7219 20 31.7676V32.9722C20 37.3918 21.3809 41.7009 23.9497 45.2972L39.9605 67.7123C39.9799 67.7394 40.0201 67.7394 40.0395 67.7123L56.0503 45.2972C58.6191 41.7009 60 37.3918 60 32.9722V31.7676Z' stroke='%233f3f3f' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M36.0908 23.7694C38.5612 22.5797 41.4388 22.5797 43.9092 23.7694C46.3795 24.959 48.1737 27.2088 48.7838 29.882C49.3939 32.5551 48.7536 35.3606 47.0441 37.5043C45.3345 39.6479 42.7419 40.8965 40 40.8965C37.2581 40.8965 34.6655 39.6479 32.9559 37.5043C31.2464 35.3606 30.6061 32.5551 31.2162 29.882C31.8263 27.2088 33.6205 24.959 36.0908 23.7694Z' stroke='%233f3f3f' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E") no-repeat;position:absolute;width:40px;height:40px;top:-40px;left:calc(50% - 20px)}}.london{background-color:var(--color-london)}.berlin{background-color:var(--color-berlin)}.lisbon{background-color:var(--color-lisbon)}.pune{background-color:var(--color-pune)}.newyork{background-color:var(--color-newyork)}.time{display:block;font-weight:700;font-size:26px;will-change:transform}@media (min-width:836px){.time{font-size:32px}}.date{display:block;will-change:transform}.place{display:block;font-weight:300;margin:10px 0 0;padding:0;font-size:14px}@media (min-width:836px){.place{border-top:1px solid var(--color-textdrk-opacity);margin:20px 0 0;padding:20px 0 0}}.place>span{display:block}.office{font-weight:700;font-size:16px}.colon{animation:blinker 1.5s ease-in-out infinite;will-change:transform}