div {
  box-sizing: border-box; }

body, html {
  margin: 0;
  padding: 0; }

p {
  line-height: 1.5em; }

.max-width {
  max-width: 1600px;
  width: 100%; }

.background-color-blue {
  background-color: #0c82c2 !important; }

.border-color-red {
  border-color: #DC323D !important; }

.border-color-green {
  border-color: #068751 !important; }

.border-color-blue {
  border-color: #4686C2 !important; }

.border-color-gold {
  border-color: #D6B13E !important; }

.color-blue {
  color: #4686C2; }

.color-green {
  color: #068751; }

.color-purple {
  color: #462987; }

.color-red {
  color: #DC323D; }

.color-yellow {
  color: #E59235; }

.color-orange {
  color: #E59235; }

.color-grey {
  color: #4c4949; }

.code {
  background-color: #202225;
  font-family: "Source Code Pro", monospace;
  display: inline-block;
  border-radius: 3px;
  padding: 0.1em 0.2em;
  font-size: 0.95em;
  color: #BBB;
  line-height: 15px; }

[data-is-showing='false'] {
  display: none !important; }

html {
  background-color: #212328;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-attachment: fixed; }

body {
  font-family: "Rajdhani", monospace;
  color: #EEE;
  overflow-y: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: absolute;
  font-size: 10em;
  font-weight: bold;
  text-align: center;
  line-height: 0.8em;
  pointer-events: none; }
  body .beat {
    animation-name: beat;
    animation-duration: 1.25s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    display: block; }
@-webkit-keyframes beat {
  0% {
    transform: scale(0.5); }
  20% {
    transform: scale(0.5); }
  25% {
    transform: scale(1.2); }
  30% {
    transform: scale(0.6); }
  35% {
    transform: scale(0.5); }
  40% {
    transform: scale(1); }
  45% {
    transform: scale(0.6); }
  100% {
    transform: scale(0.5); } }
@-moz-keyframes beat {
  0% {
    transform: scale(0.5); }
  20% {
    transform: scale(0.5); }
  25% {
    transform: scale(1.2); }
  30% {
    transform: scale(0.6); }
  35% {
    transform: scale(0.5); }
  40% {
    transform: scale(1); }
  45% {
    transform: scale(0.6); }
  100% {
    transform: scale(0.5); } }
@-ms-keyframes beat {
  0% {
    transform: scale(0.5); }
  20% {
    transform: scale(0.5); }
  25% {
    transform: scale(1.2); }
  30% {
    transform: scale(0.6); }
  35% {
    transform: scale(0.5); }
  40% {
    transform: scale(1); }
  45% {
    transform: scale(0.6); }
  100% {
    transform: scale(0.5); } }
@keyframes beat {
  0% {
    transform: scale(0.5); }
  20% {
    transform: scale(0.5); }
  25% {
    transform: scale(1.2); }
  30% {
    transform: scale(0.6); }
  35% {
    transform: scale(0.5); }
  40% {
    transform: scale(1); }
  45% {
    transform: scale(0.6); }
  100% {
    transform: scale(0.5); } }
  body .heart {
    animation-name: heart;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear; }
@-webkit-keyframes heart {
  0% {
    filter: hue-rotate(0deg); }
  100% {
    filter: hue-rotate(360deg); } }
@-moz-keyframes heart {
  0% {
    filter: hue-rotate(0deg); }
  100% {
    filter: hue-rotate(360deg); } }
@-ms-keyframes heart {
  0% {
    filter: hue-rotate(0deg); }
  100% {
    filter: hue-rotate(360deg); } }
@keyframes heart {
  0% {
    filter: hue-rotate(0deg); }
  100% {
    filter: hue-rotate(360deg); } }

/*# sourceMappingURL=style.css.map */
