body,
fieldset,
figure,
form,
html,
li,
p,
small {
  margin: 0;
}
.u-inactive,
[hidden] {
  display: none !important;
}
.u-unclickable,
.u-unselectable {
  cursor: default;
}
.u-fullParent,
.u-middle--abs,
.u-topCorner,
.u-topCorner--right {
  position: absolute;
  top: 0;
}
.Loader,
.Rhyme,
.u-resetBtn,
.u-table-cell--center {
  text-align: center;
}
.u-centerBg,
:not(body) {
  background-repeat: no-repeat;
}
.u-resetBtn,
fieldset {
  border: none;
  padding: 0;
}
.u-resetBtn,
a {
  color: inherit;
}
.u-resetBtn:not(input),
.u-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.Goat-three,
.Loader,
.u-hidden,
.u-unclickable {
  pointer-events: none;
}
.Rhyme .box,
.Rhyme .box:active,
.u-resetBtn {
  text-decoration: none;
}
html {
  box-sizing: border-box;
  border-collapse: collapse;
  line-height: 1;
}
* {
  border-collapse: inherit;
}
*,
:after,
:before {
  box-sizing: inherit;
}
:not(body) {
  background-position: 50%;
  background-size: cover;
}
body,
html {
  padding: 0;
}
menu,
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
li,
p,
small {
  padding: 0;
}
.u-inactive {
  visibility: hidden !important;
}
.u-hidden {
  visibility: hidden;
}
.u-fullParent,
.u-fullSize {
  width: 100%;
  height: 100%;
}
.u-fullParent {
  left: 0;
}
.u-fluid--w {
  width: 100%;
  height: auto;
}
.u-fluid--h {
  width: auto;
  height: 100%;
}
.u-topCorner--right {
  right: 0;
}
.u-center--rel {
  display: block;
  margin: auto;
}
.u-center--abs {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.u-middle--abs {
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.u-inlineList {
  position: relative;
}
.u-inlineList-item,
.u-inlineList-item--bottom,
.u-inlineList-item--middle,
.u-inlineList-item--top {
  position: relative;
  display: inline-block;
}
.u-inlineList-item--top {
  vertical-align: top;
}
.u-inlineList-item--middle {
  vertical-align: middle;
}
.u-inlineList-item--bottom {
  vertical-align: bottom;
}
.NoSupport-Content,
.u-table-cell--center,
.u-table-cell--middle {
  vertical-align: middle;
}
.u-table {
  display: table;
}
.u-table-cell,
.u-table-cell--center,
.u-table-cell--middle {
  display: table-cell;
}
.u-cf {
  zoom: 1;
}
.u-cf:after,
.u-cf:before {
  content: " ";
  display: table;
}
.u-cf:after {
  clear: both;
}
.u-centerBg {
  background-size: 100%;
  background-position: center;
}
.u-antialiasing {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.u-resetBtn {
  outline: 0;
  margin: 0;
  width: auto;
  overflow: visible;
  background: 0 0;
  font: inherit;
  line-height: normal;
  cursor: pointer;
  white-space: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
}
.Loader,
body,
canvas {
  overflow: hidden;
}
.u-resetBtn:not(input) {
  user-select: none;
}
.u-resetBtn::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.inactive {
  display: none !important;
  visibility: hidden !important;
}
.Goat {
  top: 0;
  left: 0;
  background-color: #222 !important;
  -webkit-perspective: 500px;
  perspective: 500px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transform: rotateX(0) scale(1);
  transform: rotateX(0) scale(1);
}
.Goat-three {
  z-index: 12;
}
.Goat-three canvas {
  display: block;
}
.Loader {
  color: #fff;
  z-index: 3;
  font-family: Italianno;
  font-size: 40px;
}
.Loader-bg {
  background: #000;
  opacity: 1;
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.Loader-bg.fade-leave {
  opacity: 0;
}
.NoSupport {
  display: table;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: none;
}
.NoSupport-Content {
  display: table-cell;
  text-align: center;
  margin: 0 auto;
  padding: 40px;
  width: 100%;
  font-family: "Fredoka One";
  font-style: italic;
  color: ivory;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 1px;
}
.Rhyme h1,
.Rhyme p {
  font-family: Italianno;
}
.NoSupport-Content h1 {
  font-size: 24px;
}
.NoSupport-Content h2 {
  font-size: 16px;
  margin-bottom: 6px;
  margin-top: 40px;
}
.NoSupport-Content p {
  margin: 10px 0;
}
.Rhyme {
  margin-top: 10%;
  color: #fff;
}
.Rhyme h1 {
  font-size: 100px;
  letter-spacing: 1px;
  text-shadow: 2px 2px 16px rgba(0, 0, 0, 0.8);
}
.Rhyme p {
  font-size: 74px;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}
@media all and (min-width: 620px) and (max-width: 850px) {
  .Rhyme p {
    font-size: 44px;
  }
}
@media all and (min-width: 0px) and (max-width: 620px) {
  .Rhyme p {
    font-size: 31px;
  }
}
.Rhyme .box {
  background: rbga(0, 0, 0, 0);
  font-family: Dosis, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 20px;
  width: 200px;
  height: 200px;
  font-size: 40px;
  line-height: 210px;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  display: inline-block;
  background-image: url(./../images/next.png);
  background-size: cover;
}
.Rhyme .playagain {
  font-size: 30px;
}
@media all and (min-width: 0px) and (max-width: 850px) {
  .Rhyme .box {
    margin-top: 0;
    width: 120px;
    height: 120px;
    line-height: 130px;
    font-size: 30px;
  }
  .Rhyme .playagain {
    font-size: 19px;
  }
}