#canvas {
    border: 1px solid #CCC;
    cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFUSURBVDjLrZM/SAJxGIZdWwuDlnCplkAEm1zkaIiGFFpyMIwGK5KGoK2lphDKkMDg3LLUSIJsSKhIi+684CokOtTiMizCGuzEU5K3vOEgKvtBDe/2Pc8H3x8NAM1fQlx4H9M3pcOWp6TXWmM8A7j0629v1nraiAVC0IrrwATKIgs5xyG5QiE+Z4iQdoeU2oAsnqCSO1NSTu+D9VhqRLD8nIB8F0Q2MgmJDyipCzjvYJkIfpN2UBLG8MpP4dxvQ3ZzGuyyBQ2H+AnOOCBd9aL6soh81A5hyYSGWyCFvxUcerqI4S+CvYVOFPMHxLAq8I3qdHVY5LbBhJzEsCrwutpRFBlUHy6wO2tEYtWAzLELPN2P03kjfj3luqDycV2F8AgefWbEnVqEHa2IznSD6BdsVDNStB0lfh0FPoQjdx8RrAqGzC0YprSgxzsUMOY2bf37N/6Ud1Vc9yYcH50CAAAAAElFTkSuQmCC) 4 12,crosshair;
}
html, body {
  overscroll-behavior: none;
  font-family: "Roboto", serif;
  background: #f9f9f9;
}
.lr_titulo{
  font-family: "Roboto", serif;
  font-size:45px;
  color: rgb(4, 81, 132);
  letter-spacing: 0em;
  text-align: center;
}
.lr_subtit{
  font-family: "Roboto", serif;
  font-size:14px;
  line-height: 1em;
  color: rgb(var(--color_14));
  text-align: center;
}
.lr_tritit
{
  font-size:18px;
  font-family: "Roboto", serif;
  font-weight: bold;
}
.container
{
  background:#FFF;
  padding: 20px 20px;
  border-radius: 8px;
}
.color-red
  {color:#B11719; font-size: 14px; font-weight: bold;}
.color-black
{
  font-family: "Roboto", serif; font-size: 16px; font-weight: bold;
}
.color-green
  {color:#007321; font-size: 16px; font-weight: bold;}

button,input[type=button], input[type=submit], input[type=reset]
{
  padding: 5px 15px;
  border-radius: 5px;
}