@media screen {
  body {
    width: 10.5cm;
    height: 14.85cm;
    margin: 0;
    color: #000;
    background-color: #fff;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print {
  body {
    width: 10.5cm;
    height: 14.85cm;
    margin: 0;
    color: #000;
    background-color: #fff;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen {
  .spans span {
    border: 1px solid #000;
    color: #000000;
    padding: 5px;
    margin: 4px;
    border-radius: 5px;
  }
}

@media print {
  .spans span {
    border: 1px solid #000;
    color: #000000;
    padding: 5px;
    border-radius: 5px;
    margin: 2px;
  }
}

@media screen {
  i {
    border: 2px solid #000;
    color: #000000;
    padding: 10px;
    margin: 2px;
    border-radius: 5px;
  }
}

@media print {
  i {
    border: 2px solid #000;
    color: #000000;
    padding: 10px;
    border-radius: 5px;
    margin: 2px;
  }
}

img {
  width: 30%;
  padding: 10px;
  margin: 2px;
}

@media print {
  img {
    padding: 10px;
    margin: 2px;
  }
}