* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

body {
	background-color: rgb(255, 255, 255);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
		sans-serif;
}

#title {
	background: rgb(59, 108, 194);
	background: linear-gradient(
		90deg,
		rgba(59, 108, 194, 1) 0%,
		rgba(34, 5, 85, 1) 100%
	);
}

#searchBtn {
	background: rgb(92, 162, 234);
}

#searchBtn:hover {
	background: rgb(75, 145, 216);
}

#cityNameInput:hover {
	background-color: rgb(241, 241, 241);
}

.five-day-item {
	background-color: rgb(50, 71, 90);
	color: rgb(255, 255, 255);
}

.border-dotted {
	border: 3px dotted black;
}

.heavyWeight {
	font-weight: 700;
}

input {
	outline: none;
	background-color: white;
}

.grey-color {
	background-color: rgb(183, 183, 183);
}

.grey-color:hover {
	background-color: rgb(163, 163, 163);
}