body {
	font-family: 'Inter', sans-serif;
	line-height: 3.0;
  	font-size: 32px;
	@media (min-width: 600px) {
		font-size: 24px;
	}
	background-color: #bcd3f2;
}


input {
	font-size: 32px;
	@media (min-width: 600px) {
		font-size: 24px;
	}
	border-radius: 2em;
	border: none;
	padding: 0em 1em 0em 1em;
	background-color: #0e7c7b;
	height: 2em;
}

::placeholder {
  color: white;
  opacity: 1;
}

input:focus {
	outline: 0.1em solid blue;
}

select {
	padding: 0em 1em 0em 1em;
	font-size: 32px;
	@media (min-width: 600px) {
		font-size: 24px;
	}
	border-radius: 2em;
	height: 2em;
	border: none;
	background-color: #0e7c7b;
	color: white;
}

#gender>label {
	display: block;
	background-color: #0e7c7b;
	border-radius: 2em;
	padding: 0em 1em 0em 1em;
	color: white;
}
#interests>label {
	display: block;
	background-color: #0e7c7b;
	border-radius: 2em;
	padding: 0em 1em 0em 1em;
	color: white;
}

input[type="range"] {
	border: none;
	box-sizing: border-box;
	width: 100%;
}

input[type="radio"]:focus {
	outline: none;
}
input[type="checkbox"]:focus {
	outline: none;
}
input[type="date"] {
	color: white;
}

#name {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
#logininfo {
	display: flex;
	justify-content: space-between;
}

label[for="prename"] {
	box-sizing: border-box;
	flex: 0 0 45%;
}
label[for="surname"] {
	box-sizing: border-box;
	flex: 0 0 45%;
}
label[for="email"] {
	box-sizing: border-box;
	flex: 0 0 45%;
}
label[for="password"] {
	box-sizing: border-box;
	flex: 0 0 45%;
}

#prename {
	width: 100%;
	box-sizing: border-box;
}
#surname {
	box-sizing: border-box;
	width: 100%;
}
#email {
	box-sizing: border-box;
	width: 100%;
}
#password {
	box-sizing: border-box;
	width: 100%;
}

#phone_container {
	display: flex;
	justify-content: space-around;
	width: 100%;
}

fieldset {
	border: none;
}