body{
  background-color: rgb(7, 32, 78);
  color: rgb(106, 151, 0);
  font-family: 'Berkshire Swash', cursive;
}

#resultA, #resultB, #resultC, #resultD{
  display: none;
}

.btn {
  cursor: pointer;
  color: hotpink;
  font-weight:bold;
}

.btn:hover{
  text-decoration: underline;
}

.clickable {
  cursor: pointer;
  color: rgb(124, 58, 91);
  font-weight:bold;
}

.clickable:hover{
  text-decoration: underline;
}

.main{
  margin-bottom: 200px;
  margin-top:40px;
  margin-right:30%;
  margin-left:10%;
}

.btn{
  margin-top: 15px;
  margin-bottom: 5px;
}

#footer{
  position: fixed;
  left: 0;
  bottom: 0;
  background-color:rgb(255, 166, 0);
  width: 100%;
  text-align: center;
}

img{
  width: 30%;
  height: auto;
  float: right;
}

.result{
  border: solid black;
  padding: 5px;

}