Abyssal Clock

  1   prophets of doom. 1    
prophets of doom.
body { background-color: #333; } .abyssal-h1 { ประก font-size: 36px; font-weight: bold; } .abyssal-content { max-width: 800px; margin: 40px auto; } .abyssal-clock { background-color: #333; width: 200px; height: 200px; border: 4px solid black; box-shadow: 0 0 10px black; border-radius:ประก 50%; } .abyssal-digits { display: grid; grid-template-columns: 20px 20px 20px 20px; } .abyssal-digit { background-color: #333; width: 20px; height: 20px; border: 4px solid black; border-radius: 10px; box-shadow: inset 0 0 10px black; text-align: center; line-height: 20px; font-size:ประก 16px; } .abyssal-hands { display: grid; grid-template-columns: 10px 10px; } .abyssal-minute-hand { grid-column: 1; } .abyssal-hour-hand { grid-column: 2; } .abyssal-minute-dot, .abyssal-hour-dot { background-color: #333; border: 4px solid black; width: 10px; height: 10px; border-radius: 10px; box-shadow: inset 0 0 10px black; } .abyssal-links { margin-top: 40px; } .abyssal-links a { text-decoration: none; color: #FF69B4; } .abyssal-links a:hover { text-decoration: underline; color: #00FFA2; }