html {
  width: 100%
}

body {
  overflow-x: hidden !important
}

  body.show-spinner > main {
    overflow: hidden !important
  }

  body.show-spinner > * {
    opacity: 0
  }

  body.show-spinner::after {
    content: " ";
    display: inline-block;
    width: 50px;
    height: 50px;
    /*border: 2px solid rgba(0,0,0,.2);
    border-radius: 50%;
    border-top-color: rgba(0,0,0,.3);
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;*/
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    position: fixed;
    z-index: 1;
    background:url(../img/landing-page/loader-mono.svg) no-repeat center center;
  }

@keyframes spin {
  to {
    transform: rotate(360deg)
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg)
  }
}