html, body {
	padding: 0px;
	margin: 0px;
	/* Dark mode */
	background-color: #0f0f0f;
	color: #fff;

	font-family: "Roboto", sans-serif;
	transition: all 0.5s ease;
}

input[type=text], textarea, select {
	color: white;
	background-color: #0f0f0f;
/* 	border-radius: 45px; */
	border: none;
	border-bottom: 1px solid #222;
	padding: 20px;
	font-size: 14px;
	width: 100%;
	margin-top: 15px;
}

textarea {
	resize: vertical;
}

input[type=text]:hover, textarea:hover {
	border: 1px solid #1994ff;
}

a {
	text-decoration: none;
	color: #b4b4b4;
	transition: all 0.5s ease;
}

a:hover {
	color: #1994ff;
}

button, .button {
	display: inline-block;
	color: white;
	background-color: #1994ff; /* #091119; */
	border-radius: 45px;
/* 	border: 3px solid #222; */
	border: none;
	padding: 15px 25px;
	margin: 5px;
	transition: all 0.5s ease;
	cursor: pointer;
	text-shadow: none !important;
}

button:hover, .button:hover {
	color: white;
	background-color: #091119;
/* 	border: 3px solid #69bcff; */
}

.content {
	padding: 40px;
	max-width: 1080px;
	margin: auto;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 490px) {
	.bi {
		max-width: 150px !important;
		max-height: 150px !important;
	}
/*	.content {
		padding: 0px !important;
	}*/
}