@keyframes pulse {
  from {
    opacity:1;
    transform:scale(1);
  }
  to {
    opacity:0.6;
    transform:scale(0.96);
  }
}

@font-face {
  font-family:'comic relief';
  src:local('comic sans ms'),local('comic sans'),local('comic relief'),url('ComicRelief-Bold.ttf') format('truetype');
  font-weight:bold;
  font-style:normal;
}

html {
  height:100%;
  box-shadow:inset 0 0 3.4vw 1.8vw;
  cursor:url('mouse.png'), auto;
  overflow:hidden;
}

body {
  background:#222222 linear-gradient(#333333,#111111);
  color:#a5a5a5;
  font-family:'comic sans ms','comic relief';
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  min-height:100%;
  margin:0;
  box-sizing:border-box;
}

h1 {
  animation:pulse 2s ease-in-out infinite alternate;
  color:#a5a5a5;
  font-size:11vw;
  position:relative;
  bottom:0.2em;
  margin:0;
  text-shadow:black .4vw .4vw,
              black .4vw 0,
              black .4vw -.4vw,
              black 0 -.4vw,
              black -.4vw -.4vw,
              black -.4vw 0,
              black 0 0,
              black 0 .4vw,
              black 1vw 1vw 1.2vw;
  word-spacing:-0.4em;
}

span {
  font-size:1.4em;
  color:#ea3697;
}

::selection {
  background-color:#ea3697ee;
  color:white;
}