/* latin-ext */
@font-face {
  font-family: 'Righteous';
  font-style: normal;
  font-weight: 400;
  src: local('Righteous'), local('Righteous-Regular'), url(https://fonts.gstatic.com/s/righteous/v6/eJYqrhUff1n1Ge9A-rSw_BJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Righteous';
  font-style: normal;
  font-weight: 400;
  src: local('Righteous'), local('Righteous-Regular'), url(https://fonts.gstatic.com/s/righteous/v6/w5P-SI7QJQSDqB3GziL8XVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  }

  }
  body {
    text-align: center;
    }

.title {
  display: inline-block;
  color: white;
  font-family: 'Righteous', serif;
  font-size: 20vw; 
  text-shadow: .03em .03em 0 hsla(230,40%,50%,1);
  }
 
.titlelittle {
  display: inline-block;
  color: white;
  font-family: 'Righteous', serif;
  font-size: 10vw; 
  text-shadow: .03em .03em 0 hsla(230,40%,50%,1);
  }



@keyframes shad-anim {
  0% {background-position: 0 0}
  0% {background-position: 100% -100%}
  }