.clock-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;color:#fff;font-family:Courier New,Courier,monospace;text-shadow:0 0 10px rgba(0,0,0,.5)}.time{font-size:10rem;font-weight:700;background:#ffffff1a;padding:20px 50px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a;border:1px solid rgba(255,255,255,.3)}body{margin:0;padding:0;background:linear-gradient(45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;height:100vh;overflow:hidden}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}