:root{

    --cor1: black;
    --cor2: gold;
  }
  
  body{
  background-color:white;
  }
  
  .barra{
  
  height: 50px;
  z-index: 2;
  }

  #BarraInferior{
    justify-content:space-evenly; 
    background-image: url('https://www.transparenttextures.com/patterns/always-grey.png'); 
    background-repeat: repeat;
  
  }
  #Page{
  background-color: transparent;
  /*padding-bottom: 60px; 
  min-height:100vh;*/
  background-repeat: repeat; 
  z-index: 1;
  }
  
 .icone
  {
    /*width: 45px;
    height: 45px;*/
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: flex;
    justify-content: center;
    align-items: center;
    /*font-size: 30px;*/
    text-decoration: none;
    text-align: center;
    opacity: 1.0;
    font-variant: normal;
    text-transform: none;
    text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
  }
  .icone:active, .icone:hover{
    text-decoration: none;
  }
  a, a:hover, a:visited{
    text-decoration: none;
  }
  input[type=checkbox] {
    display: none;
  }
  input[type=checkbox]:checked+label {
    color:white;
    background-color: darkcyan;
  }
  input[type=checkbox]:disabled+label {
    color: grey;
  }