@font-face {
    font-family: 'oswald';
    src: url('DIGITALDREAMFAT.ttf');
}

* {
	margin: 0;
	padding: 0;
}
body {
  background-color: #000000;
  padding: 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  font-family: oswald;
width: 800px;
}

.clock {
  font-size: 120%;
  padding: 10px 0px;
  color: #ffffff;
}

.alarm {
  font-size: 500%;
  color: #ffffff;
}

.active_game {
  font-size: 120%;
  color: #ffffff;
}

.left, .right {
  width: 50%; /* Floated elements technically need a width specified. */
}

.left {
  float: left;
}

.right {
  float: right;
}

input[type='number']{
    width: 80px;
}