html,
body {
	display: flex;
	min-height: 100%;
	justify-content: center;
	align-items: center;
      text-align: center;
	flex-direction: column;
	font-family: sans-serif;
	background-color: #e0e0e0;
	}

/*  form,
table {
      margin:auto;
      width: 99%;
      }

td {
      text-align: center;
      }  */

h2 {
	color: #777;
	}

h4 {
	color: #999;
	}

ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#submit_button{
	background-color: #2bbaff;
	color: #FFF;
	font-weight: bold;
	font-size: 40;
	border-radius: 15px;
	border-width: 5;
	text-align: center;
	}

#switch_button{
	border-radius: 15px;
	border-width: 5;
	text-align: center;
	}

/*===============================================
 * Toggle Specific
 *===============================================*/
input[type='checkbox'].toggle {
  display: inline-block;
  appearance: none;
  width: 55px;
  height: 28px;
  background-color: #fafafa;
  position: relative;
  border-radius: 30px;
  transition: all 1s ease-in-out;
}

input[type='checkbox'].toggle:hover:after {
  background-color: #c0c0c0;
}

input[type='checkbox'].toggle:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: #aeaeae;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  transition: all 1s ease-in-out;
}

input[type='checkbox']:checked.toggle {
  box-shadow: inset 0 0 0 15px #158EC6;
}

input[type='checkbox']:checked.toggle:after {
  left: 29px;
  background-color: #fff;
}