*,
*::before,
*::after{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html{
  font-size: 62.5%;
  line-height: 1.7;
}

body{
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  display: flex;
  flex-direction: column;
}

header{
  display:block;
  width: 100%;
  height: 10vh;
}



header img{
  width: 100%;
  height: 80%;
  object-fit: contain;
}

h2{
  font-size: 5rem;
  text-align: center;
}

#one{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 3rem;
}

#b{
  display: flex;
  flex-direction: column;
  gap: 1rem;  
}

#b h3{
  font-size: 4rem;
}

#b label{
  font-size: 2.4rem;
}

#b #word{
  width: 20rem;
  height: 3rem;
}

#b button{
  width: 12rem;
  height: 5rem;
  margin-left: 5rem;
  cursor: pointer;
}

#b button:hover{
  background-color: blue;
  color: beige;
}

#two{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  margin-top: 3rem;
}

#two h3{
  font-size: 2.5rem;
}

#two #output{
font-size: 2.4rem;
}