*{ box-sizing: border-box;}


header{
  height: 100px;
  width: 100%;
}

h1{ 
  border: 1px solid black;
  display: flex;
  justify-content: center;
  color: lightblue
}

.lain{ 
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  height:140px;
}

.first, .second{
  padding-top: 50px;
  font-size: 1.5rem;
}

input.month, input.day{
  width: 90%;
  font-size: 1.5rem;
  text-align: center;
  background: rgb(234, 225, 164)
}

label{
  color: aqua;
}


div{ 
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 377px
}

.containerB{ 
  display: flex;
  align-items: center;
  width: 12%;
}

h2{ 
  width: 50%;
  text-align: center;
  color:white;
  font-size: 3rem;
}

.extraSpace{ 
  width: 7%;
}

.containerB button{ 
  padding: 18px;
}

   html{    
  background-image: url(horoscope.gif);
  background-size: cover;
 }