@font-face {
    font-family: 'Nunito Light';
    src: url('assets/type/nunito-light.woff2') format('woff2'),
         url('assets/type/nunito-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Nunito';
    src: url('assets/type/nunito-regular.woff2') format('woff2'),
         url('assets/type/nunito-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Nunito Semibold';
    src: url('assets/type/nunito-semibold.woff2') format('woff2'),
         url('assets/type/nunito-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
  background: #CCD0D4;
  min-height: 100%;
}

body {
  min-height: 100%;
    overflow:hidden;
    
}

h1.loader {
  text-align: center;
  text-transform: uppercase;
  font-family: 'Nunito Light', sans-serif;
  font-size: 4.6875em;
  color: transparent;
    font-weight:300;
  letter-spacing: 0.01em;
}

.loader span {
  text-shadow:
    0 0 2px rgba(204, 208, 212,0.9),
    0 15px 25px rgba(0, 0, 0, 0.3),
    0 -2px 3px rgba(0, 0, 0, 0.1),
    0 -5px 10px rgba(255, 255, 255, 0.5),
    0 5px 10px rgba(0, 0, 0, 0.3),
    0 3px 4px rgba(255, 255, 255, 0.2),
    0 0 20px rgba(255, 255, 255, 0.45);
  
    animation: loading 0.85s ease-in-out infinite alternate;
}

@keyframes loading {
  to {text-shadow:
    0 0 2px rgba(204, 208, 212,0.2),
    0 0 3px rgba(0, 0, 0, 0.02),
    0 0 0 rgba(0, 0, 0, 0),
    0 0 0 rgba(255, 255, 255, 0),
    0 0 0 rgba(0, 0, 0, 0),
    0 0 0 rgba(255, 255, 255, 0),
    0 0 0 rgba(255, 255, 255, 0);}
}

.loader span:nth-child(2) {
  animation-delay:0.15s;
}

.loader span:nth-child(3) {
  animation-delay:0.30s;
}

.loader span:nth-child(4) {
  animation-delay:0.45s;
}

.loader span:nth-child(5) {
  animation-delay:0.60s;
}

.loader span:nth-child(6) {
  animation-delay:0.75s;
}

.loader span:nth-child(7) {
  animation-delay:0.90s;
}


h2 {
  text-align: center;

  text-transform: uppercase;
  font-family: 'Nunito', sans-serif;
 
 
}

a{
  text-align: center;
  text-transform: uppercase;
  font-family: 'Nunito Semibold', sans-serif;
  color:white;
    font-weight:600;
    letter-spacing:2px;
    text-decoration: none;
    font-size:1em;
}


@media only screen and (max-width: 576px) {
    
    h1.loader {font-size:3.7em}
    
}