@font-face { font-family: system; font-style: normal; font-weight: 300; src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma"); }
body { font-family: "system"; }

html { font-size: 100%; }

body { margin: 4rem 0 0 0; font-size: 16px; overflow-x: hidden; }

.display--heavy { font-family: "Passion One","Verdana","Palatino","Arial",sans-serif; }

.display--soft { font-family: "Tangerine","Verdana","Palatino","Arial",sans-serif; }

@keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-o-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
.masthead { background: transparent; padding: 0; text-align: center; position: absolute; top: 15%; width: 100%; }

.masthead h1 { font-size: 4rem; font-weight: 400; }
.masthead h1 span { display: block; }

.masthead .motto { font-weight: 400; position: relative; top: -2em; color: #666; }

@media only screen and (min-width: 38em) { .masthead { top: 9%; }
  .masthead h1 { font-size: 6rem; }
  .masthead .motto { top: -2.5em; font-size: 1.5rem; } }
@media only screen and (min-width: 50em) { body { font-size: 24px; }
  .masthead .motto { top: -7.75em; } }
@media only screen and (min-width: 90em) { .masthead { top: -7%; }
  .masthead h1 { font-size: 12rem; }
  .masthead h1 span { display: block; }
  .masthead .motto { top: -11.5em; font-size: 2rem; } }
#owls { display: flex; max-width: 54.375rem; margin: 0 auto; }

.owl:nth-of-type(2) { opacity: 0; -webkit-animation: fadein 1s 0s forwards; -moz-animation: fadein 1s 0s forwards; -ms-animation: fadein 1s 0s forwards; -o-animation: fadein 1s 0s forwards; animation: fadein 1s 0s forwards; }
.owl:nth-of-type(3) { opacity: 0; -webkit-animation: fadein 1s .5s forwards; -moz-animation: fadein 1s .5s forwards; -ms-animation: fadein 1s .5s forwards; -o-animation: fadein 1s .5s forwards; animation: fadein 1s .5s forwards; }

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

[role="main"] { margin-top: -5px; padding: 3rem 1rem; background-color: #b2f33c; }

.claim { margin: 3rem auto; max-width: 600px; }

.claim__title { display: block; font-size: 2rem; }

.twitter-follow-button { margin: 0 auto; display: block; }