html, body {
    height: 100%;
    width: 100%;
    margin: 0px; 
    margin: 0;
    display: table;
}

a {
    text-decoration: none;
}

a:hover {
    cursor: pointer;
}

@font-face {
    font-family: NotoSans;
    src: url("../font/NotoSans-Regular.ttf");
}

@font-face {
    font-family: NotoSans_Bold;
    src: url("../font/NotoSans-Bold.ttf");
}

@font-face {
    font-family: NotoSans_Italic;
    src: url("../font/NotoSans-Italic.ttf");
}

@font-face {
    font-family: NotoSans_BoldItalic;
    src: url("../font/NotoSans-BoldItalic.ttf");
}

@font-face {
    font-family: minecraft;
    src: url("../font/Minecraft.ttf");
}

::-moz-selection {
    color: white;
    background-color: #018df0;
  }
  
::selection {
    color: white;
    background-color: #018df0;
}

.white {
    color: rgb(255, 255, 255);
}

.botao-voltar {
    width: 150px;
    height: 40px;
    color: white;
    font-family: minecraft;
    font-size: 110%;
    font-weight: bold;
    letter-spacing: 2px;
    background-color: #018df0;
    border-left: 4px solid #0e5181;
    border-bottom: 4px solid #0e5181;
    border-top: 4px solid #3eafff;
    border-right: 4px solid #3eafff;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    transition: all .2s cubic-bezier(.22, .61, .36, 1);
}

.botao-voltar:hover {
  background-color: #007bd3;
  color: rgb(238, 238, 238);
  transform: translateY(-2px);
}

.mensagem-item-vazio  {
    width: 100%;
    height: 300px;
    font-family: NotoSans;
    display: flex;
    justify-content: center;
    align-items: center;
}