/* credit: https://www.codepel.com/animation/falling-heart-animation-css/ */
@import url("https://fonts.googleapis.com/css2?family=Pacifico:wght@200;400;600&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css");

.heart {
  position: fixed;
  font-size: 1.5rem;
  top: -1vh;
  transform: translateY(0);
  animation: fall 3s linear forwards;
}

@keyframes fall {
  from {
     transform: translateY(0vh) translateX(-10vw); 
  }
  to {
     transform: translateY(105vh) translateX(10vw); 
  }
}

/*min*/
h1, h2, h3, h4, h5, h6, h7
{
    font-weight: normal;
}

body {
    background-color: #fcfefc;
	font-family: 'Pacifico', cursive;
}

.content {
    text-align: center;
    margin:auto;
}

.yay {
    text-align: center;
    margin:auto;
}

.ja {
    display: inline-block;
    padding:10px;
    margin:5px;
    border:1px solid black;
    background-color: rgb(122, 219, 113);
    width: 50px;
    position:relative;
}

.ja:hover {
    background-color: rgb(81, 228, 68);
}

.nej {
    display: inline-block;
    padding:10px;
    margin:5px;
    border:1px solid black;
    background-color: rgb(255, 119, 119);
    width: 50px;
    position:relative;
}