@font-face {
  font-family: fontmess;
  src: url(/alchimia/fontpers/New-X-Digital-Light.ttf);
}
@font-face {
  font-family: fontpers;
  src: url(/alchimia/fontpers/Fredoka-VariableFont_wdth,wght.ttf);
}
body      {
          margin: 0px 0px 0px 0px;
          background-color:rgba(0,255,0,0.1); /* green with opacity */
          }
table.messaggio {
          margin-top: auto;
          margin-left:0px; 
          border-collapse: collapse; /* Elimina lo spazio fra le celle della tabella. */
          width: 100%;
          table-layout:fixed; 
          overflow:hidden;
          white-space:nowrap;
          }
table.messaggio tr {
          height:30px;
          }
table.messaggio td {
          text-align:center;
          padding-left:5px;
          padding-right:5px;
          font-family:fontpers,verdana;
          font-size:22px;
          }
#box      {
          display: table;
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          }
#middle   {
          display: table-cell;
          vertical-align: middle;
          }
#messaggio {
          margin-left: auto;
          margin-right: auto;
          width: 98vw;
          max-width: 800px;
          height: 180px;
          background-color: #e7e2e2; /* grigio */
          border:solid 4px #494846;
          border-radius: 5px;
          }
input[type="text"] {
          border:none;
          background:none;
          color: black;
          text-align:center;
          font-size:22px;
          font-family:fontpers,verdana;
          width:98%;
          }
table.noborder {
          margin-top: auto;
          margin-left:0px; 
          border-collapse: collapse; /* Elimina lo spazio fra le celle della tabella. */
          width: 100%;
          table-layout:fixed; 
          overflow:hidden;
          white-space:nowrap;
          font-family : fontpers, verdana;
          font-size: 13px;
          z-index:1;
          }
table.noborder tr {
          height:30px;
          font-size:10px;
          }
table.noborder td {
          padding-left:5px;
          padding-right:5px;
          }
table.noborder td.cc {
          text-align:center;
          }
table.noborder th {
          text-align:center;
          }
.button   {
          text-align: center;
          text-decoration: none;
          display: inline-block;
          font-size: 10px;
          transition-duration: 0.6s;
          }
.attivo   { 
          color: black;
          text-decoration: none;
          text-transform:uppercase;
          cursor: pointer;
          width:70%;
          padding:5px;
          background-color: #c0c0c0;
          border: 1px solid black;
          border-radius: 5px;
          box-shadow: 2px 2px 1px grey;
          }
.attivo:hover {
          background-color: #f9922d;
          box-shadow: 1px 1px 0px grey;
          }

@media (max-width: 480px) {
  #messaggio {height: 140px;}
  input[type="text"] {font-size:16px;}
  }