@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;1,500;1,600&display=swap');
*{
  margin: 0;
  padding: 0;

  box-sizing: border-box; 
  font-family: 'Poppins',sans-serif;

}
.search{
	width: 400px;
	height: 40px;
	border-radius: 50px;
	padding: 10px;
	font-size: 20px;
	
}
.searchbar{
	width: 100%;
	color: black;
	padding:  5px 10px;
	display: flex;
	flex-direction:row;
	align-items: center;
	
}
.searchbtn{
	margin: 10px;
	padding: 5px;
	border: none;
	background:white;	
}

.material-icons.md-60{
	font-size: 35px;

}


.weather{
	position: absolute;
	display: flex;
	flex-direction:row;
	
	margin:0;
	padding: 4px;
	width: 100vw;
	
	


}
.city{
	display: flex;
	text-transform: capitalize;
	
}
.current_data{
		color: black;
		text-transform: capitalize;
		margin-left: 20px;
		padding: 3px;
		height :auto;
		width: 200px;
		
		background: #E5F44F;

}

#currentdate{
	
	font-size:16px;
	font-style: italic;
}
.icon {
	height: 100px;
	width:100px;
}
.icon1{
		height: 100px;
	width:100px;
	z-index: 1000;
}
.dailycard{

	text-transform: capitalize;	
	display: flex;
	flex-direction:row;


	justify-content: space-evenly;
	height:auto;

	
}
.dailycard:hover{
	cursor: pointer;
	
	
}
.days{
	
	display: flex;
	flex-direction:column;
	justify-content:space-between;
	align-items: center;

	margin:10px;
	height:auto;
	
	background: black;
	color: white;
	border-radius: 8px;
  box-shadow: -4px 7px 5px 1px rgba(176,164,176,1);
}
.desc{
	
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	padding: 10px;

}
.date{

	padding: 10px;
}
.location{
	display: flex;
	padding: 4px;
}
.country{
	display: flex;
	padding-left: 10px;
}
.daily_tempmax,.daily_tempmin{
	display: flex;
	
	align-items: center;
	
}
#temp_max,#temp_min{

	width: 50px;
	height: 50px;
}
.temp_max,.temp_min{
	padding: 3px;
}