*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;list-style:none;font-family:sans-serif;font-weight:600;text-align:center}:root{--bg-color: #426099;--sbg-color: #c4c4e2;--text-color: #1a1a5e;--third-color: #fefeff;--footer-color: #8585b8}body{background:var(--bg-color)}.container{background:var(--sbg-color);display:flex;justify-content:center;align-items:center;flex-direction:column;width:270px;height:150px;margin:150px auto 0}.clock-container{background-color:#99f;display:flex;justify-content:center;align-items:center;width:200px;height:60px}span{position:relative;bottom:27px;font-size:13px;font-weight:400;padding:0 12px;color:var(--text-color)}p{color:var(--third-color);letter-spacing:3px;font-size:25px;position:relative;bottom:10px;font-weight:300}.clone{position:relative;color:var(--text-color)}.footer{width:270px;height:5px;background:var(--footer-color)}