div.container{
    height: 95vh;
    position: relative;
    margin-bottom: -15%; }
div.container p {
	font-family: 'Cabin Sketch', cursive;
	font-size: 75px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }



div.email{
    font-family: 'Courgette', cursive;
    text-align: center;
    margin-bottom: 30px;

}


@keyframes bounce {
/*     y-axis starting postiong, 150px above original position */
    0% {
      transform: translate(0px, -150px);
    }



/* lower it to 0 */
    30% {
      transform: translate(0px, 0px);
    }
/* Hold it there for 2% duration */
    32% {
      transform: translate(0px, 0px);
    }
/*  "bounce" it back up 30px */
    38% {
      transform: translate(0px, -30px);
    }
/* Hold it there */
    45% {
      transform: translate(0px, -30px);
    }


/* from here on do the same with gradual y postion lowering, tweek to your liking */
    50% {
      transform: translate(0px, 0px);
    }

    52% {
      transform: translate(0px);
    }
    58% {
      transform: translate(0px, -10px);
    }

    65% {
      transform: translate(0px, -10px);
    }
    70% {
      transform: translate(0px, 0px);
    }


    75% {
      transform: translate(0px, -5px);
    }
    80% {
      transform: translate(0px, -5px);
    }

    85% {
      transform: translate(0px, 0px);
    }

    90% {
      transform: translate(0px, -2px);
    }

    95% {
      transform: translate(0px, 0px);
    }

    100% {

    }

  }

/* Add the aniamtion to an element */
  .lead {
/*     name */
    animation-name: bounce;
/*     Animation duration */
    animation-duration: 1700ms;
/*     How many times it loops */
    animation-iteration-count:1;
/*     If it eases in or not, use linear for this animation because the keyframes are quite precise */
    animation-timing-function: linear;

  }
  
/* Make scrollbar disappear */
  header {
    overflow: hidden;
  }