body {
  margin: 0;
  padding: 0;
}
#scroll-stage {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmYWM2OTUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDclIiBzdG9wLWNvbG9yPSIjZjVhYjY2IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjhkMzEiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -webkit-linear-gradient(0deg, #fac695 0, #f5ab66 47%, #ef8d31 100%);
  background-image: -moz-linear-gradient(0deg, #fac695 0, #f5ab66 47%, #ef8d31 100%);
  background-image: -o-linear-gradient(0deg, #fac695 0, #f5ab66 47%, #ef8d31 100%);
  background-image: linear-gradient(90deg, #fac695 0, #f5ab66 47%, #ef8d31 100%);
  -webkit-background-size: auto auto;
  -moz-background-size: auto auto;
  background-size: auto auto;
  -webkit-background-origin: padding-box;
  -moz-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  height: 5000px;
}
#hero {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: fixed;
  top: 50%;
  left: 50%;
}
.p20 {
  font-size: 20px;
}
.p20-add {
  -webkit-animation: shake 1s;
  -moz-animation: shake 1s;
  -o-animation: shake 1s;
  animation: shake 1s;
  font-size: 20px;
}
.p20-remove {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.p40 {
  font-size: 60px;
}
.p40-add {
  -webkit-animation: tada 1s;
  -moz-animation: tada 1s;
  -o-animation: tada 1s;
  animation: tada 1s;
  font-size: 60px;
}
.p40-remove {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.p80 {
  font-size: 100px;
}
.p80-add {
  -webkit-animation: rubberBand 1s;
  -moz-animation: rubberBand 1s;
  -o-animation: rubberBand 1s;
  animation: rubberBand 1s;
  font-size: 100px;
}
.p80-remove {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.p100 {
  font-size: 140px;
}
.p100-add {
  -webkit-animation: flip 1s;
  -moz-animation: flip 1s;
  -o-animation: flip 1s;
  animation: flip 1s;
  font-size: 140px;
}
.p100-remove {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}