html{
	box-sizing: border-box;
    font-family: "Roboto", "Helvetica Neue", sans-serif;
}
*, *:before, *:after{
	box-sizing: inherit; 
}
.th-button {
    font-family: "Roboto", "Helvetica Neue", sans-serif;
    border-radius: 15px/50%;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
	transition-duration: 0.4s;
	padding: 5px;	
	margin: 5px;
}
.th-button-blue {
    color: #00bdff;
	background-color: white;
    border: solid 2px #00bdff;
}
.th-button-blue:hover{
	background-color: #00bdff;
	color: white
}
.th-button-red {
    color: #cf1111;
	background-color: white;
    border: solid 2px #cf1111;
}
.th-button-red:hover{
	background-color: #cf1111;
	color: white
}
input{
    font-family: "Roboto", "Helvetica Neue", sans-serif;
	background-color: #f5f5f5;
    border: none;
    border-bottom: solid 1px lightgray;
	width: 100%;
	padding: 10px;
	outline: none;
	margin-bottom: 15px;
}
input:focus{
    border-bottom: solid 1px gray;
}
.errorlist{
	list-style-type: none;
}
body{
    font-family: "Roboto", "Helvetica Neue", sans-serif;
	margin:8px;
}