@media print {
   /* general printing rules */

    body {
      margin: 0;
      color: #000000 !important;
      background-color: #ffffff !important;

      font-size: 12pt;
      font-family: georgia, times, serif;

      box-shadow: none !important;
    }

    header, footer, aside, nav, button, h1, h2, h3, h4, h5, h6 {
      display: none;
    }

    main {
      max-width: 100%;
      box-shadow: none !important;
    }

    .printable {
      display: block;
    }

    div:not(.printable) {
      display: none;
    }

    .btn { 
      display: none;
    }

    /* screen specific rules */

    .login-container-body {
      color: #000000 !important;
      background-color: #ffffff !important;
      box-shadow: none !important;
      border-radius: unset;
    }

    .recovery-codes-wrapper {
      overflow: unset !important;
      height: unset !important;
    }

    #recovery-codes::before {
      content: "Recovery Codes";
      font-size: 16pt;
    }

    .recovery-code-white,
    .recovery-code-gray {
      color: #000000 !important;
      background-color: #ffffff !important;

      font-size: 14pt;
      margin-top: 5pt;
    }

    .recovery-code-gray:first-child {
      margin-top: 15pt;
    }
}