/*--------------------------------
    * CUSTOM RESET BY CHIEF PIXEL
    ---------------------------------*/
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

ol, ul {
  list-style: none; }

img {
  max-width: 100%;
  height: auto; }

/*--------------------------------
    * STANDARD
    ---------------------------------*/
body {
  background-color: #ec247d;
  margin: 0;
  height: 100%;
  color: white; }

.wrap-page {
  display: flex;
  align-items: center;
  margin: 0 20px;
  height: 100vh; }
  @media screen and (min-width: 600px) {
    .wrap-page {
      margin: 0 60px; } }

.site-logo {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #000;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 28 32'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23fff}%3C/style%3E%3C/defs%3E%3Cpath d='M10 20.35v-8.7a6 6 0 1 0-4 0v8.7a6 6 0 1 0 4 0zM8 4a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm0 24a2 2 0 1 1 2-2 2 2 0 0 1-2 2z' class='cls-1' transform='translate(-2)'/%3E%3Cpath d='M24 0a6 6 0 0 0-5.41 8.58l-4 4A2 2 0 0 0 14 14v6a2 2 0 0 0 4 0v-5.17l3.42-3.42A6 6 0 1 0 24 0zm0 8a2 2 0 1 1 2-2 2 2 0 0 1-2 2z' class='cls-1' transform='translate(-2)'/%3E%3C/svg%3E");
  background-size: 37px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 70px;
  height: 70px;
  border-radius: 50%; }
  @media screen and (min-width: 600px) {
    .site-logo {
      top: 40px;
      left: 60px;
      width: 80px;
      height: 80px;
      background-size: 42px; } }

.site-logo {
  animation: rotation 25s infinite linear; }

@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

h1 {
  position: relative;
  font-size: calc(3em + 5.5vw);
  line-height: calc(.9em + .5vw);
  font-family: 'Roboto', serif;
  margin-bottom: calc(.2em + .1vw);
  font-weight: 100;
  letter-spacing: -.02em;
  margin-left: -9px; }

p {
  font-family: 'Lato', sans-serif;
  font-size: 12.5px;
  font-weight: 400;
  letter-spacing: .35px; }

.error-404 .wrap-page {
  justify-content: center; }