*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;background-color:#000;color:#fff;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center}.container{position:relative;width:50vh;height:50vh;border-radius:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:visible}@media only screen and (max-width:1315px){.container{width:50vw;height:50vw;min-width:220px;min-height:220px}}h1{font-size:2.5rem;font-weight:650;color:#fff}p{font-size:1.2rem;color:#fff;margin-top:.5rem}.small{font-size:10px;font-weight:800}.outline{position:absolute;width:100%;height:100%;border:2px solid #fff;border-radius:2rem;z-index:2}.pulse-layer{position:absolute;width:100%;height:100%;border:40px solid #fff;border-radius:20%;opacity:.2;z-index:1;pointer-events:none;filter:blur(40px)}.pulse-inner{inset:10px}.pulse-outer{inset:-10px}.timer-line{position:absolute;top:0;left:0;height:100%;border-radius:2rem;border:4px solid #fff0;border-image:linear-gradient(90deg,white 0%,white 100%);border-image-slice:1;clip-path:inset(0 100% 0 0 round 2rem);z-index:3;pointer-events:none}.content{z-index:4;text-align:center}