body {
    background-color: floralwhite;
    font-family: 'Stylish', sans-serif;
    padding: 3em;
}

#set-height {
    display: block;
}

section {
    z-index: 1;
    position: relative;
}

.content {
    position: sticky;
    position: -webkit-sticky;
    width: 97.5%;
    top: 19.5%;
}

h1 {
	background: #696969;
    font-size: 3em;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 0;
}

h2 {
    font-size: 1.5em;
    background: lightgrey;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 0;
}

button {
	font-size: .65em;
    background: lightgrey;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 0;
}

p { 
  font-size: 1.2em; 
  color: black;
}

section:nth-of-type(1) {
    height: 1000px;
}
section:nth-of-type(2) {
    height: 1000px;
}
section:nth-of-type(3) {
    height: 1000px;
}
section:nth-of-type(4) {
    height: 1000px;
}
section:nth-of-type(5) {
    height: 1000px;
}
section:nth-of-type(6) {
    height: 1000px;
    background-color: white;
}
section:nth-of-type(7) {
    height: 1000px;
}
section:nth-of-type(8) {
    height: 1000px;
    background-color: white;
}
section:nth-of-type(9) {
    height: 1000px;
}
section:nth-of-type(10) {
    height: 1000px;
}
section:nth-of-type(11) {
    height: 1000px;
}
section:nth-of-type(12) {
    height: 1000px;
}
section:nth-of-type(13) {
    height: 1000px;
}
section:nth-of-type(14) {
    height: 1000px;
}
section:nth-of-type(15) {
    height: 1000px;
}
section:nth-of-type(16) {
    height: 1000px;
}
section:nth-of-type(17) {
    height: 1000px;
}
section:nth-of-type(18) {
    height: 1000px;
}
section:nth-of-type(19) {
    height: 1000px;
}
section:nth-of-type(20) {
    height: 1000px;
}
section:nth-of-type(21) {
    height: 1000px;
}
section:nth-of-type(22) {
    height: 1000px;
}
section:nth-of-type(23) {
    height: 1000px;
}
section:nth-of-type(24) {
    height: 1000px;
}
section:nth-of-type(25) {
    height: 1000px;
}
section:nth-of-type(26) {
    height: 1000px;
}
section:nth-of-type(27) {
    height: 1000px;
}
section:nth-of-type(28) {
    height: 1000px;
}
section:nth-of-type(29) {
    height: 1000px;
}
section:nth-of-type(30) {
    height: 1000px;
}
section:nth-of-type(31) {
    height: 1000px;
}
section:nth-of-type(32) {
    height: 1000px;
}
section:nth-of-type(33) {
    height: 1000px;
}


.entered {
	-webkit-animation: text-focus-in 1.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.2s both;
	        animation: text-focus-in 1.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.2s both;
}

/* Generated by Animista, animation text-focus-in */
 @-webkit-keyframes text-focus-in {
    0% {
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  @keyframes text-focus-in {
    0% {
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  
#boxes{
  width:80%;
  margin:auto;
  text-align: center;
}

#btns{
  padding:20px;
  background: #A9A9A9;
  margin-bottom:20px;
}

#btns button{
  background: #A9A9A9;
  padding:5px 10px;
  border:0;
}

#btns .fa{
  font-size:30px;
}

#btns .fa-play-circle{
  color:green;
}

#btns .fa-pause-circle{
  color:red;
}