section {
  /* border: 2px solid black; */
  margin: 50px auto;
  width: 25vw;
  padding: 3px;
  background-color: #f8f9fa;
  opacity: 0.75;
  box-shadow: 4px 4px 4px 0 black;
  min-width: 300px;
}

h1 {
  text-align: center;
  color: black;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}

input {
  margin: 4px auto;
  display: block;
  padding: 8px;
  /* box-sizing: border-box; */
  width: 60%;
  color: black;
  background-color: #f8edeb;
  font-weight: 700;
  font-size: large;
  color: #001524;
}

input::placeholder {
  font-weight: bold;
  color: #696d7d;
}

button {
  margin: 2px auto;
  display: block;
  padding: 7px;
  width: 40%;
  background-color: black;
  color: white;
  font-family: sans-serif;
  border-radius: 5px;
  font-weight: 700;
}

button:active {
  opacity: 0.7;
}

#t_date {
  margin: 1rem auto;
  padding: 5px;
  text-align: center;
  font-weight: 600;
  color: #264653;
  font-size: 1.25rem;
}

h2 {
  text-align: center;
  color: #264653;
}

h3 {
  text-transform: capitalize;
  text-align: center;
  color: #0b2545;
  font-size: 1.35rem;
}

#temp {
  margin-top: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 15px;
  color: #003049;
}

#maxmin_temp,
#visibility {
  margin-top: 5px;
  text-align: center;
  font-size: 1.2rem;
  color: #003049;
  font-weight: 600;
}

#inner {
  border-radius: 5px;
}

body {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100vw;
  height: 100vh;
}