@font-face{
    font-family:"Vatsal-logo";
    src:url("../../assets/data/vatsal-logo-font.ttf")
    format("truetype");
    font-display:swap;
}
* {
      box-sizing: border-box;
    }

   body {
  margin: 0;
  background: #000;
  color: #fff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  overflow-x:hidden;
}

    #screen {
      height: 100vh;
      width: 100vw;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      cursor: pointer;
      user-select: none;
    }

    #message {
      font-size: 1.8rem;
      line-height: 1.4;
      opacity: 0.95;
      white-space: pre-line;
    }

    .title {
      font-size: 2.2rem;
      margin-bottom: 8px;
    }

    .desc {
      font-size: 0.95rem;
      opacity: 0.55;
      margin-bottom: 16px;
    }

    .best {
      font-size: 0.8rem;
      opacity: 0.4;
      margin-bottom: 24px;
    }
    /* ==========================================
VATSAL HEADER
========================================== */

.vatsal-home{
    font-family:"Vatsal-logo" !important;
    font-size:25px !important;
    cursor:pointer;
}

/* Hide header during gameplay */

.vatsal-header.hidden{
    display:none;
}

/* ==========================================
RESULT / FOOTER AREA
========================================== */

.vatsal-related{
    width:min(900px,92%);
    margin:40px auto;
}

.vatsal-related-title{
    font-family:"Vatsal-logo" !important;
}

.vatsal-footer,
.vatsal-footer *,
.vatsal-footer a{
    font-family:"Vatsal-logo" !important;
}