*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	overflow-x: hidden;
}
.container{
	width:100vw;
	height: 100vh;
	background-image:url(./b2.jpg);
	background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(./b2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat:no-repeat;
	text-align: center;
}
.search{
	padding-top: 50px;
}
.city{
	color:#fff;
	background-color:#225C73;
	width:225px;
	padding:10px 20px;
	border-radius: 20px 0px 20px 0px;
	border:none;
	outline: none;
	font-size: 15px;
}
.city::placeholder{
	color:#fff;
}

.btn{
	margin-left: 15px;
	padding: 10px 20px;
	background-color:rgb(255, 51, 0,0.6);
	color:#fff;
	outline: none;
	border:none;
	font-size:17px;
}
.margin{
	margin-top: 20px;
}
.info{
	margin-top: 60px;
	text-align: center;
	color:#fff;
}

#city-temp{
	font-size: 70px;
}
#circle{
	font-size: 40px;
}