body {
  background-color: rgb(96, 158, 137);
}
.place {
  position: relative;
  padding: 30px;
  margin: 45px auto;
  max-width: 50%;
  border-radius: 15px;
  background-color: rgb(87, 135, 142);
  font-family: "Exo", sans-serif;
}
.hot{
  display:block;
  justify-content: center;
  padding: 5px;
}
#location{
  display: flex; 
  justify-content: center;
  margin: 5px;
  border-radius: 20px;
}
.find{
  padding: 10px;
  border-radius: 20px;
}
.look {
  border-radius: 20px;
  color: rgb(255, 68, 0);
  background-color: purple;
}
.look:hover {
  color: rgb(252, 70, 4);
  background-color: rgb(255, 218, 255);
}
.fluffy-weather{
  display: flex;
  justify-content: space-between;
  margin: 10px;
  padding: 2px;
}
h1 {
  color: rgb(102, 28, 171);
  font-size: 60px;
  margin: 20px;
}
p{
  color: rgb(28, 2, 52);
  font-size:20px;
  line-height: 20px;
  margin: 20px;
}
.value {
  color: rgb(255, 0, 187);
  font-size: large;
  font-family: "Sora", sans-serif;
}
#sunny{
  color: rgb(102, 28, 171);
  display: flex;
  margin: 10px;
}
.sunnyShow{
  width: 100px;
  height: 100px;
  margin-top: 50px;
}
.sunnyDigits{
  color: rgb(102, 28, 171);
  font-family: "Sora", sans-serif;
  line-height: 200px;
  font-size: 100px;
  font-weight: semi-bold;
}
.sunnyUnit{
  margin-top: 35px;
  font-size: 44px;
}
.fluffy-weather-forecast{
  display: flex;
  justify-content: space-around;
  margin: 10px;
  padding: 2px;
}
.fluffy-forecast-date{
  text-align: center;
  color: rgb(23, 0, 44);
  font-family: "Sora", sans-serif;
  font-size: large;

}
.fluffy-forecast-icon{
  display: contents;
  width: 15px;
  height: 90px;
}
.fluffy-forecast-temperatures{
  text-align: center;
  color: rgb(102, 28, 171);
  display: flex;
  padding: 2px;
  justify-content: center;
  font-family: "Sora", sans-serif;
  font-size: large;
}
.fluffy-forecast-temperature{
  padding: 6px;
}
.work-profile{
  text-align: center;
  font-size: 12px;
}
a{
  color: rgb(255, 0, 187);;
  text-decoration: none;
}
a:hover{
  color: rgb(130, 0, 96);
  text-decoration: underline;
}