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

html {
  font-size: 62.5%; }
  @media (max-width: 75em) {
    html {
      font-size: 56.25%; } }
  @media (max-width: 56.25em) {
    html {
      font-size: 50%; } }

body {
  box-sizing: border-box; }

body {
  background: whitesmoke; }

.header {
  font-family: sans-serif;
  font-size: 8rem;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .5rem;
  margin: 2rem auto; }

.loader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6); }
  .loader img {
    position: relative;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%); }

.container {
  text-align: center; }
  .container img {
    width: 60%;
    margin-top: 5rem;
    box-shadow: 2rem 2rem 2rem rgba(0, 0, 0, 0.5); }