@font-face{
    font-family:"HeavyData Nerd Font";
    src:url("../fonts/HeavyDataNerdFont-Regular.ttf") format("truetype");
    font-display:swap;
  }
  
  /* Reset & base */
  *{margin:0;box-sizing:border-box}
  
  body{
    font-family:"HeavyData Nerd Font", monospace;
    color:#d1d5db;
    background:radial-gradient(circle at center,rgba(255,255,255,.04) 0%,rgba(0,0,0,.95) 80%),#000;
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    position:relative;
  }
  
  /* Anonymous watermark */
  body::before{
    content:"";
    position:fixed;
    inset:0;
    background:url("../images/anonymous.png") no-repeat center/40%;
    filter:blur(3px);
    opacity:.1;
    pointer-events:none;
  }
  
  /* Tagline */
  .tagline{
    font-size:2rem;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-top:25vh;
  }
  
  /* Footer */
  footer{
    position:absolute;
    bottom:.5rem;
    width:100%;
    font-size:.75rem;
    opacity:.6;
  }
  
  /* Mobile */
  @media(max-width:480px){
    body::before{background-size:80%}
    .tagline{font-size:1.5rem;margin-top:35vh}
  }