body{
  background-image: url("https://afar.brightspotcdn.com/dims4/default/7ce6c42/2147483647/strip/false/crop/2400x1529+0+0/resize/1486x947!/quality/90/?url=https%3A%2F%2Fk3-prod-afar-media.s3.us-west-2.amazonaws.com%2Fbrightspot%2F50%2F79%2F0aecc26b4af2919c8908975d30b8%2Fsource-dargent-at-la-digue-island-seychelles-zoltan-benyei-shutterstock.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  font-family: "Geologica", sans-serif
}
header{
  text-align: center;
  margin-top: 10px;
  color: rgb(13, 227, 52);
  font-weight: 900;
  font-size: 25px;
  display: block;
  margin: auto;
  background-color: rgba(240, 240, 240, 0.8);
  border-radius: 10px;
  padding: 15px;
  max-width: 800px;

}
form{
  margin: 10px auto;
display: block;
background-color: rgba(240, 240, 240, 0.8);
padding: 15px;
border-radius: 10px;
max-width: 800px;

  
  
}
footer{
  margin-bottom:none;
  font-size: 13px;
  margin-left: 10px;
  color:black;
  text-align: center;
}

.user-input{
  padding: 10px;
  color:rgb(13, 227, 52);
  border:1px solid grey;
  width: 80%;
  border-radius:15px;
  font-size: 15px;
}
.submit-button{
  padding: 10px 25px;
  border:none;
  color:white;
  background-color: rgb(13, 227, 52);
  font-size: 16px;
  margin-left: 5px;
  width: 15%;
  border-radius: 15px;
  transition: all 150ms ease-in-out;
}
.submit-button:hover{
  color: rgb(13, 227, 52);
  background-color: White;
  cursor: pointer;
}
.user-output{
color:rgb(13, 227, 52);
background-color: rgba(240, 240, 240, 0.8);
border-radius: 10px;
max-width: 800px;
display: block;
margin: auto;
padding: 15px;

}
.traveling {
  animation: blinker 3s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}