.currentLocation {
	padding-bottom: 20px;
}

#currentLocationBtn {
	cursor: pointer;
	padding-top: 30px;
}

#city {
	font-size: 1.2rem;
	color: blue;
	text-decoration: underline;
}

.currentWeather-container {
	display: block;
	background-color: rgba(234, 234, 234, 0.7);
	border: 1px solid #D5D5D5;
	border-radius: 50px;
	padding: 10px;
	text-align: center;
	margin: 0 auto; /* 가운데 정렬 */
	width: 80%;
	padding: 20px;
}

.currentTemperature {
	padding: 20px 0px;
	font-size: 3.5rem;
}

.high-low-temperature {
	font-size: 1.2rem;	
}

.currentHourWeather {
	display: flex;
	flex-direction: column;
	align-items: center;
  	justify-content: center;
  	gap: 6px;
  	min-height: 100%;
  	padding-top: 20px;
}

.weather-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
  	width: 100%;
  	max-width: 400px;
}

.weather-cell {
	width: 80px;
	text-align: center;
	white-space: nowrap;
}

#hour {
	width: 50px;
	height: 50px;
	border: 1px solid gray;
	border-radius: 25px;
	background-color: #EAEAEA;
	display: flex;               
	align-items: center;         
	justify-content: center;
}

.weekly-weather-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
  	padding: 4px 0;
  	border-bottom: 1px solid #ccc;
}

.bi{
	font-size: 1.7rem;
}

#temp_min {
	font-weight: 600;
	color: blue;
}

#temp_max {
	font-weight: 600;
	color: crimson;
}

.detailPage-main span {
	margin: 20px;
}

.detailPage-main h3 {
	padding-top: 50px;
}