<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Timer</title>
  <style>
    :root {
      /* Colors */
      --color-primary: #4285f4;
      --color-primary-hover: #3367d6;
      --color-secondary: #34a853;
      --color-secondary-hover: #2d9c47;
      --color-danger: #ea4335;
      --color-background: #ffffff;
      --color-surface: #ffffff;
      --color-surface-variant: #f0f2f5;
      --color-surface-hover