body {
  background-color: grey;
  opacity: 0;
  animation: fadeIn 1.5s forwards;}
  @keyframes fadeIn {
    to {
      opacity: 1;    
    }  
  }

.btn {
  cursor: pointer;
  background: transparent;
  border: 1px solid #91C9FF;
  outline: none;
  transition: 0.5s ease-in-out;
}

.btn:hover {
  transition: 0.5s ease-in-out;
  background: #4F95DA;
}

.btn:hover svg {
  stroke-dashoffset: -480;
}

.btn span {
  color: white;
  font-size: 18px;
  font-weight: 100;
}

.navbar {
  opacity: 0.75;
  transition: 0.25s ease-in-out;
}

.navbar:hover{
  opacity: 1.0;
}

.opaque-card {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
  opacity: 0.0;
  background-color: whitesmoke;
  transition: 0.25s ease-in-out;
}

.opaque-card:hover{
  opacity: 0.7;
}