@font-face {
    font-family: 'Noto Sans Display';
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/NotoSansDisplay-Regular.ttf);
  }
  html { background: #111;
         font-family: Noto Sans Display;
         color: #eee;
         font-size: 1em;
         line-height: 1;
         text-shadow: 0.06rem 0 0.06rem #ea36af, -0.125rem 0 0.06rem #75fa69;
         letter-spacing: 0.125em;
         animation-duration: 0.01s;
         animation-name: textflicker;
         animation-iteration-count: infinite;
         animation-direction: alternate;
         p{margin-bottom:0.3em;}
  }
  h1 { 
    font-size: 5em;
    margin-bottom: 0.3em;
  }

  a {
    color: white;
  }



body {
          margin-left: 2em;
          margin-right: 2em;
      }

  
  @keyframes textflicker {
    from {
      text-shadow: 1px 0 0 #ea36af, -2px 0 0 #75fa69;
    }
    to {
      text-shadow: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
    }
  }

  .down-footer {
  position: absolute;
  bottom: 1em;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

@media screen and (orientation: portrait) and (pointer: coarse) { p{font-size: 3em;}}