html, body {
	position: relative;
	width: 100%;
	height: 100%;
}


body {
	color: #333;
	margin: 0;
	box-sizing: border-box;
	font-family: "Raleway", sans-serif;
}
p {
	margin: 0;
}

a {
	color: rgb(0,100,200);
	text-decoration: none;
}

.btn {

}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: rgb(0,80,160);
}

label {
	display: block;
}

.inputs {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.input_container {
	position: relative;
	margin-bottom: 4vh;
	border-bottom: 1px solid black;
}
.inputs input {
	outline: none;
	padding: 2vw;
	font-size: 4.5vw;
	position: relative;
	border: none;

}
.inputs input::placeholder {
	color: black;
	font-size: 4.5vw;
}
.btn-container {
	width: 100%;
	display: flex;
	justify-content: center;
}
.btn {
	background-color: white;
	outline: none;
	padding: 3vw 15vw;
	font-size: 3vh;
	border: 1px solid #707070;
}


input:disabled {
	color: #ccc;
}

button {
	color: #333;
	background-color: #f4f4f4;
	outline: none;
}

button:disabled {
	color: #999;
}

button:not(:disabled):active {
	background-color: #ddd;
}

button:focus {
	border-color: #666;
}
