h3{
    color: black;
}
h4{
    color: black;
}
p {
	color: black;
}

body {
    background-color: #efefe8ff;
    color:black;
}

.jumbotron {
	background-color: grey;
}

.r2a {
	border: 1px solid grey;
	border-radius: 0.25rem;
	padding-left: 1rem;
}

.btn-primary {
	background-color:  rgb(0, 132, 255);
}

#buttons-view{
    margin-top: 1rem;
	border: 1px solid rgb(0, 132, 255);
	border-radius: 0.25rem;
}
#city-input {
	margin-top: 1rem;
	border: 1px solid rgb(0, 132, 255);
	border-radius: 0.25rem;
}

.list-group-item {
	background-color: #efefe8ff;
}

.card {
	background-color: rgb(0, 132, 255);
}

.card-body {
	padding: 0.35rem;
}

.uvGreen {
	background-color: rgb(83, 128, 0);
	border-radius: 5px;
}

.uvYellow {
	background-color: rgb(252, 252, 62);
	border-radius: 5px;
}

.uvOrange {
	background-color: rgb(250, 180, 51);
	border-radius: 5px;
}

.uvRed {
	background-color: rgb(245, 58, 58);
	border-radius: 5px;
}

.uvPurple {
	background-color: rgb(197, 42, 197);
	border-radius: 5px;
}

img {
	width: 15%;
	height: 15%;
}

.card-text {
	font-size: 10pt;
}

.forcast {
	padding: 1rem;
}