@import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave+Display&display=swap');
*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body{
  background: linear-gradient(0.25turn, #3f87a6, #ebf8e1, #f69d3c);
  height: 100vh;
  font-size: 30px;
}

h1, h2{
  font-family: 'Sedgwick Ave Display', cursive;
  text-shadow: 0 5px 5px black;
}

input:hover{
  border-color: rgba(48, 138, 30, 0.8);
}

button{
  max-width: 200px;
  min-width: 150px;
}
button:hover{
  transform: translate(1.1);
}

#loadGif, .resultDiv {
  display:none;
}

.card{
  background-color: rgba(125, 206, 189, 0.36);
  box-shadow: 5px 5px 5px black;
}

.img{
  height: 45px;
  width: 50px;
}