::selection {
  background: transparent;
}

body {
  background-color: #e5e5e5;
  padding: 0;
  font-family: Helvetica;
  color: #9ecaed;
  box-sizing: border-box;
}

.container {
  height: 100vh;
  width: 100vw;
  display: flex;
  margin: 0;
}

#outer_wheel {
  min-height: 400px;
  min-width: 400px;
  margin: auto;
  display: flex;
  cursor: grab;
  background-color: transparent;
  border-radius: 50%;
  box-shadow: rgba(70, 70, 70, 0.4) 3px 3px 8px, white -3px -3px 8px;
}

#outer_wheel:active {
  cursor: grabbing;
}

.pie {
  width: 400px;
  height: 400px;
}
.pie circle {
  stroke: grey;
  stroke-width: 2px;
  fill: none;
}
.pie path {
  stroke: #9ecaed;
  stroke-width: 2px;
  fill: none;
}

.inner_wheel {
  height: 250px;
  width: 250px;
  margin: auto;
  display: flex;
  margin-left: -325px;
  background-color: transparent;
  border-radius: 50%;
  box-shadow: inset rgba(70, 70, 70, 0.4) 1px 1px 4px, inset white -1px -1px 4px;
}
.inner_wheel h1 {
  margin: auto;
  text-shadow: 0 0 5px #9ecaed;
}