@media screen and (max-width: 1665px) {
	.container #googleSign {
		padding: 15px 25px;
	}
}

@media not screen and (max-width: 1665px) {

}


.container {
	background-color: #082c3b;
	border: solid 1px #889da4;
	border-radius: 25px;
	margin: 50px auto;
	text-align: center;
	max-width: 95vw;
	width: 500px;
	color: white;
}
.container h1{
	font-size: 30px;
	margin: 35px auto 30px auto;
}

.container .inputs{
	margin: 20px;
}

.container .inputs input{
	background-color: #1d3e4b;
	border: solid 1px #a5b2b7;
	border-radius: 30px;
	width: calc(100% - 3rem);
	margin: 5px 0;
	padding: 15px 20px;
	font-size: 14px;
}

input[data-autocompleted] {
    background-color: transparent !important;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 0s 0s, color 0s 0s;
    transition-delay: calc(infinity * 1s);
}

.container #join{
	width: calc(100% - 3rem);
	padding: 15px 20px;
}


.container .OR{
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 300px;
	margin: auto;
}

.container .OR div{
	border: 1px solid #96aeb4;
	width: 75px;
}
.container .OR p{
	font-size: 16px;
	color: #96aeb4;
}


#googleSign img{
	width: 25px;
	margin-right: 10px;
}
#googleSign{
	background: white;
	color: black;
	display: flex;
	align-items: center;
	padding: 15px 55px;
	margin-top: 15px;
	margin-bottom: 15px;
}