:root{
  --bg-color: linear-gradient(to top right,#c0c0c0,#413855);
  --font-color:#413855;
 


  

}

header {
border-radius: 7%;
  background-color: var(--bg-color);
  border-bottom:solid 3px #413855;
  border-left: solid 3px #413855;
  margin: 16px 16px 22px 16px;
  font-style: oblique !important;
}

html, body {
  color: var(--font-color);
  background-image: linear-gradient(to bottom right, #fceea0e3,#c0c0c0,#413855);
  margin-bottom: 3rem;
}


.btn-primary {
  background-color: #c0c0c0 !important;
  
  

}
.btn-primary:hover, .btn-primary:active {
  border: #413855!important;
  background-color:#fdfdf1 !important;
  color: #553e38;

}

.theSun {
  text-shadow: #fdfdf1;
  font-style: normal;
}


.fas {
  margin-left: .5rem;
}

#uv-index {
  border-radius: 4px;
  padding: .2rem .6rem;
  margin-left: .2rem;
}
#search-wrappe{
  font-size: small;
}
.card {
  margin: 16 16px 16px 12px;
  padding: 2%;
  border-top-left-radius: 12%;
  background-color: hsla(66, 77%, 83%, 0.89);
  color: #413855 !important;
  box-shadow:0 12px 16px 0  #553e38;
  perspective: 680px;
  width: 100%;

}