body {
      margin: 0;
      background: #0022ff;
      overflow: hidden;
      font-family: sans-serif;
    }

    header {
      background: #ffffffaa;
      color: #003366;
      display: flex;
      justify-content: center;
      gap: 2em;
      padding: 1em;
      font-weight: bold;
      font-size: 1.2em;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 10;
    }

    header div {
      transition: background 0.3s, color 0.3s;
      padding: 0.2em 0.6em;
      border-radius: 10px;
    }

    header div.active {
      background: #00FFFF;
      color: black;
    }

    .dice {
      width: 80px;
      height: 80px;
      background: white;
      color: black;
      border-radius: 15px;
      font-size: 2em;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 5px 15px rgba(0,0,0,0.3);
      position: absolute;
      transition: top 1s ease, left 1s ease, transform 1s ease;
      cursor: pointer;
    }

    .dice:hover {
      background: #00FFFF;
      color: white;
    }

	header a {
	  text-decoration: none;
	  color: inherit;
	}

	header a:hover {
	  background: #00FFFF;
	  color: black;
	  padding: 0.2em 0.6em;
	  border-radius: 10px;
	}