#enviar{
    position: absolute;
    width: 15%;
    height: 100%;
    top: 0px;
    left:85%;
    background-image: url('imagem/lupa.png');
    background-repeat: no-repeat; 
    background-size: 100% 100%;
    border-radius: 0 5px 5px 0;
    background-color: rgba(0, 107, 247, 0.87);}
#procura{
    position: absolute;
    width: 85%;
    height: 100%;
    left: 0px;
    top:0px;
    background-color: rgba(34, 36, 37, 0.726);
    border:1px rgba(3, 8, 14, 0.87) solid;
    color:aliceblue;}
#capsula{
    position: fixed;
    width: 59%;
    height: 3%;
    left: 15%;
    top:3%;
    background-color: rgb(78, 8, 8);
    border:1px rgba(3, 8, 14, 0.87) solid;
    color:aliceblue;
    overflow: hidden;
    border-radius: 6px 5px 5px 0;
    box-shadow: 2px 5px 9px rgba(8, 8, 8, 0.849);
    }
    #tela{
    position: absolute;
    width: 98%;
    height: 69%;
    left: 1%;
    top: 190px;
    background-color: rgb(255, 252, 252);
    border:1px hsla(216, 63%, 3%, 0.774) solid;
    color:aliceblue;
    overflow: hidden;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 1px  1px  10px 3px rgba(8, 8, 8, 0.849);
    }
    #Bandeira{
        position: absolute;
        width: 98%;
        height:30%;
        top:2%;
        left:1%;
        border: 1px hsla(216, 63%, 3%, 0.774) solid;
        border-radius: 3px 3px 3px 3px;
    }
    #telapopula{
        position: absolute;
        width: 100%;
        height: 10%;
        left: 0%;
        top:830px;
        background-color: rgb(255, 252, 252);
        border:1px hsla(216, 63%, 3%, 0.774) solid;
        color:hsla(216, 63%, 3%, 0.774);
        overflow: hidden;
        border-radius: 6px 6px 6px 6px;
        box-shadow: 1px  1px  10px 3px rgba(8, 8, 8, 0.849);
    }
    #telaclasmudi{
        position: absolute;
        width: 50%;
        height: 12%;
        left: 20%;
        top:8%;
        background-color: rgb(255, 252, 252);
        border:1px hsla(216, 63%, 3%, 0.774) solid;
        color:hsla(216, 63%, 3%, 0.774);
        overflow: hidden;
        border-radius: 6px 6px 6px 6px;
        box-shadow: 1px  1px  10px 3px rgba(8, 8, 8, 0.849);
    }
    #telaSuaLista{
        position: absolute;
        width: 99%;
        height: 43%;
        left: 0%;
        top:930px;
        background-color: rgba(192, 191, 191, 0.767);
        border:1px hsla(216, 63%, 3%, 0.774) solid;
        color:aliceblue;
        overflow-y: auto;
        overflow-x:hidden;
        border-radius: 6px 6px 6px 6px;
        box-shadow: 1px  1px  10px 3px rgba(8, 8, 8, 0.849);
    }
    #Bandeira{
        position: absolute;
        width: 65%;
        height:20%;
        top:10%;
        left:6%;
        border: 1px hsla(216, 63%, 3%, 0.774) solid;
        border-radius: 3px 3px 3px 3px;
    }
    .favorito{
        position: absolute;
        min-width: 10%;
        max-width: 28%;
        height: 7%;
        top: 0.6%;
        left:0.6%;
        cursor: pointer;
        font-size: 23px;
        vertical-align: 20%;
        text-align: center;
        color: black;
        border-radius: 5px 5px 5px 0;
        background-color: rgba(0, 107, 247, 0.87);
    }
    .retirarFav{
        position: absolute;
        width: 5%;
        height: 50%;
        top: 0%;
        left:0%;
        cursor: pointer;
        font-size: 20px;
        vertical-align: 10%;
        text-align: center;
        color: black;
        border-radius: 5px 5px 5px 0;
        background-color: rgba(0, 107, 247, 0.87);
    }
    #enfeite{
        position: absolute;
        width: 5%;
        height: 50%;
        top: 0%;
        left:0%;
        cursor: pointer;
        font-size: 20px;
        vertical-align: 10%;
        text-align: center;
        color: black;
        border-radius: 5px 5px 5px 0;
        background-color: rgba(231, 1, 1, 0.808);
    }
    .imaFavorite{
        position: absolute;
        width: 100%;
        height: 90%;
        left:0%;
        top:0%;
    }
    .tdFavoritImage{
        position: absolute;
        width: 32%;
        height: 100%;
        left:0%;
        top:0%;
    }
    .tamanhodFavoritImage{
      text-align: center;
    }
   #telaSuaLista1{
        position: relative;
        width: 91.4%;
        height:11%;
        top: -16px;
        left:0px;
        color:aliceblue;
        align-items: center;
        background-color:black ;
        display: inline-flex;
    }
   #telaSuaLista1 li{
    position: relative;
    left:1.8%;
    margin-right: 23.5%;
   }
  .conteiIMG{
    width: 100px;
    height:60px;
    left:0%;
  }
  .telaSuaLista2{
    position: relative;
    color:aliceblue;
    align-items: center;
    background-color:black ;
    display: flex;
    border-radius: 6px 6px 6px 6px;
        box-shadow: 1px  1px  10px 3px rgba(8, 8, 8, 0.849);
  }
  .telaSuaLista2 li{
    position: relative;
    margin-right:18%;
   }
   #populaFavorit{
    position: absolute;
    width: 50%;
    height:50%;
    top:0%;
    left:0%;
    font-size: 18px;
    text-align: center;
    border-bottom: 2px black solid;
}
#populaFavorit2{
    position: absolute;
    width: 50%;
    height:50%;
    top:49%;
    left:0%;
    font-size: 18px;
    text-align: center;
}
#populaFavoritResultadoquan{
    position: absolute;
    width: 50%;
    height:50%;
    top:50%;
    right:0%;
    font-size: 18px;
    text-align: center;
}
#populaFavoritResultado{
    position: absolute;
    width: 50%;
    height:50%;
    top:0%;
    right:0%;
    font-size: 18px;
    text-align: center;
    border-bottom: 2px black solid;
}
    table{
        position: absolute;
        width: 42%;
        height:49%;
        top:35%;
        left:5%;
        color: black;
        padding: 0%;
    }
    #table2{
        position: absolute;
        width: 36%;
        height:40%;
        top:35%;
        left:52%;
        color: black;
        padding: 0%;
        height: 1%;
    }
    tr{
        position: relative;
        padding: 0%;
        height: 1%;
    } #table3{
        position: absolute;
        width: 98%;
        height: 65%;
        top:10%;
        left:1%;
        color: hsl(0, 0%, 0%) ;
    }
    
        .info{
            position: relative;
            left: 0px;
            border-bottom: 2px hsla(0, 33%, 3%, 0.884) solid;
            border-left: 2px hsla(0, 33%, 3%, 0.884) solid;
            padding: 0%;
            height: 1%;
        }
    
    .info2{
        position: relative;
        width: 5%;
        height: 3%;
        left: 0%;
        border-bottom: 2px hsla(0, 33%, 3%, 0.884) solid;
        border-left: 2px hsla(0, 33%, 3%, 0.884) solid;
    }
    .info22{
        position: relative;
        height: 5%;
        left: 0%;
        color: hsla(0, 0%, 0%, 0.884);
    }
  h2{
        position:absolute;
        left: 20%;
        color: black;
    }
    h3{
        position:absolute;
        left: 0%;
        float: left;
        color: black;
    }
    .textttt{
        position: relative;

        color: rgb(21, 21, 33);
    }