jamesknelson/index.html

## index.html
<link href="https://fonts.googleapis.com/css?family=Squada+One&display=swap" rel="stylesheet">
<style>
  body {
    background-color: black;
  }

  h1 {
    color: #EEE;
    font-family: 'Squada One', cursive;
    font-size: 60px;
  }

  .clock {
    border: 3px #EEE solid;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    position: relative;
  }

  .hand {
    background-color: #EEE;
    width: 3px;
    height: 80px;
    left: 100px;
    top: 20px;
    position: absolute;

    animation: 60s rotate linear infinite;
    transform-origin: bottom;
  }

  .number-0, .number-6 {
    color: white;
    font-family: 'Squada One', cursive;
    font-size: 24px;
    left: 97px;
  }
  .number-0 {
    position: absolute;
    top: 5px;
  }
  .number-6 {
    position: absolute;
    bottom: 5px;
  }

  @keyframes rotate {
    0% {
      transform: rotate(0deg);
    }

    50% {
      transform: rotate(180deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }
</style>
<body>
  <h1>Learn something about programming in 30 minutes</h1>

  <div class="clock">
    <div class="hand"></div>
    <div class="number-0">0</div>
    <div class="number-6">6</div>
  </div>
</body>
	<link href="https://fonts.googleapis.com/css?family=Squada+One&display=swap" rel="stylesheet">
	<style>
	body {
	background-color: black;
	}

	h1 {
	color: #EEE;
	font-family: 'Squada One', cursive;
	font-size: 60px;
	}

	.clock {
	border: 3px #EEE solid;
	width: 200px;
	height: 200px;
	border-radius: 100px;
	position: relative;
	}

	.hand {
	background-color: #EEE;
	width: 3px;
	height: 80px;
	left: 100px;
	top: 20px;
	position: absolute;

	animation: 60s rotate linear infinite;
	transform-origin: bottom;
	}

	.number-0, .number-6 {
	color: white;
	font-family: 'Squada One', cursive;
	font-size: 24px;
	left: 97px;
	}
	.number-0 {
	position: absolute;
	top: 5px;
	}
	.number-6 {
	position: absolute;
	bottom: 5px;
	}

	@keyframes rotate {
	0% {
	transform: rotate(0deg);
	}

	50% {
	transform: rotate(180deg);
	}

	100% {
	transform: rotate(360deg);
	}
	}
	</style>
	<body>
	<h1>Learn something about programming in 30 minutes</h1>

	<div class="clock">
	<div class="hand"></div>
	<div class="number-0">0</div>
	<div class="number-6">6</div>
	</div>
	</body>