body
{
  background-color: gray;
}
nav 
{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  gap: 0.5rem;
  border-bottom: solid 1px #aaa;
  background-color: rgba(236, 236, 114, 0.986);
}
nav a 
{
  display: inline-block;
  min-width: 9rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  color: white;
  font-size: 20px;
  background-color: black;
}
nav a:hover
{
    background-color: rgb(255, 0, 68);
}
h1
{
  text-align: center;
}
.container
{
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 50px;
}
p
{
  font-size: 25px;

}
.user-guide
{
  font-size: 20px;
}
p label input
{
  height: 25px;
}
h3
{
  font-size: 30px;
}
button
{
  height: 40px;
  width: 200px;
  background-color: rgba(236, 236, 114, 0.986);
  border-radius: 0.5rem;
  border: none;
  font-size: 20px;
}
#result
{
  margin-top: 20px;
  border: 2px solid black;
  border-radius: 0.5rem;
  font-size: 35px;
  height: 40px;
  width: 500px;
  text-align: center;
  align-items: center;
  justify-content: center;  
  margin-left: 415px;

}