*,html {
	padding:0px;
	margin:0px;
	border:0px;
	font-family: "UI Sans", Lato, Arial, sans-serif;
	font-color:#232323;
	height: 100%;
}

body {
  background-image: url('../images/library.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  overflow: hidden;
}

#main_container {
  display: flex;
  position: relative;
  -moz-box-align: center;
  /*align-items: center;*/
  flex-flow: column;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 25px;
  -moz-box-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  padding: 64px;
  font-size: 14px;	
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height:auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#form_container {
	display: block;
}

#tos_container {
	display: none;
}

.logo_container,
.header_container,
#text_container,
#accept_container,
.btn_container {
  padding:10px;
  align-items: center;
   width: 100%;
}

.logo_container {
  width: 100%;
  text-align: center;
}

.header_container {
  font-weight: bold;
  font-size:28px;
  text-align: center;
  width: 100%;
}

#text_container {
  font-size:16px;
  text-align: center;
}

#accept_container {
  text-align: left;
  width: 100%;
}

#tos_btn,#btn {
  display: flex;
  -moz-box-align: center;
  align-items: center;
  border-radius: 4px;
  height: 36px;
  -moz-box-pack: center;
  justify-content: center;
  width: 100%;
  padding: 6px 16px;
  color: rgb(255, 255, 255);
  font-weight:bold;
}

#terms {
	height:200px;
	overflow:scroll;
}
input[type=submit]:disabled {
background: rgb(123, 123, 123);
cursor: not-allowed;
}

input[type=submit] {
background: rgb(218, 24, 132);
cursor: pointer;
}

#tos_btn {
background: rgb(218, 24, 132);
cursor: pointer;
}

li {
	height:auto;
	list-style: inside;
}

p,ul {
	padding-bottom: 8px;
	height: auto;
}