form {
  margin:0 auto;
  width:300px
}
input {
  margin-bottom:3px;
  padding:10px;
  width: 100%;
  border:1px solid #CCC
}
button {
  padding:10px
}
label {
  cursor:pointer
}
#form-switch {
  display:none
}
#register-form {
  display:none
}
#form-switch:checked~#register-form {
  display:block
}
#form-switch:checked~#login-form {
  display:none
}

.login0{
	text-align:center;
	font-size:25px;
}

.button {
    background-color: black;
    border: none;
    color: white;
    padding: 8px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.back-to-home{
	background-color: #111;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px; 
	padding-right: 40px;
	overflow: hidden;	
}
.back-to-home h1{
	color: white;
	padding-right: 8vw;
	text-align: center;
}
.back-to-home button{
  color: #FFF;
  background-color: #111;
  font-size: 18px;
  text-align: center;
  font-style: normal;
  font-family:Century Gothic;
  border: none;
  width: 10%;
  float: left;
  margin-bottom: 0px;
}

.back-to-home button:hover {
  background-color:grey;
  color: white;
}

.button:hover{
	background-color:grey;
}