Blog/static/css/custom.css

html, body.crt {
  height: auto;
  width: auto;
  min-height: 100vh;
  min-width: 100vw;
  max-width: 100vw;
}

p > img {
  max-width: 95%;
  max-height: 95%;
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 1%;
}

p > a {
  overflow-wrap: break-word;
}

.crt::after {
  animation: vm-flicker 10s infinite;
  animation-delay: 5s;
}

body *, .lead, .display-3 {
  line-height: 20px;
  font-size: 22px;
}

pre {
  padding-left: 15px;
  background-color: #272822;
}

pre > code {
  line-height: 18px;
  font-size: 20px;
  color: #bbb;
  width: 100%;
}

.bootstra-enable-cursor *, body.bootstra-enable-cursor {
  cursor:text!important;
}

.bootstra-enable-cursor .nav-link *, .bootstra-enable-cursor a {
  cursor:pointer!important;
}

.card-body > a {
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.print-btn {
  float: right;
  margin-top: -20px;
}

@page  {
  size: A4;
  margin-top: 2cm;
}

@media print{
  body {
    background-color: white;
    color: black;
  }
  .crt::before {
    animation: none;
    background: none;
  }

  .crt::after {
    animation: none;
    background: none;
  }

  a, a:hover {
    text-decoration: none;
  }

  a, h1, h2, h3, h4, h5, pre, pre > code {
    background-color: white;
    color: black;
  }

  h1, .btn {
    display: none;
  }

  h2, h3 {
    border-style: solid;
    border-width: 2px;
    border-color: black;
  }
  h2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  h2, h3, h4, h5 {
    break-after: avoid;
  }

  p, ul, li {
    break-inside: avoid;
    break-before: avoid;
  }

}