@font-face {
    font-family: 'LEDdevolutometro';
      src:  url('https://www.pr.gov.br/devolutometro/fonts/LEDdevolutometro.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
            url('https://www.pr.gov.br/devolutometro/fonts/LEDdevolutometro.woff2?v=4.7.0') format('woff2'), 
            url('https://www.pr.gov.br/devolutometro/fonts/LEDdevolutometro.woff?v=4.7.0') format('woff'), 
            url('https://www.pr.gov.br/devolutometro/fonts/LEDdevolutometro.ttf?v=4.7.0') format('truetype'), 
            url('https://www.pr.gov.br/devolutometro/fonts/LEDdevolutometro.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-style: normal;
	font-variant: normal;
	font-weight: 400;      
  }

html,body{width:100%;height:100%;margin:0}
body {font-family: Arial, "Sans Serif";font-size: 14px;background-color: #000; color:#F3DF39;}
body.corDia { background-color: #000; color:#F3DF39; }
body.corNoite { background-color: #000; color:#217253; }

#painel {display:block; margin: 0; background-size: contain; }  
#display { font-size: 3.65rem; font-family: LEDdevolutometro; position: absolute;top: 120px;right:5px;font-style: normal;font-variant: normal;font-weight: 400;    }
.rodape { display: none; bottom: 0; margin: 0 auto; position: fixed; font-size: 1.25em; width: 100%;}
.rodape p { text-align: center;color:#4AA0CF; }