@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body.public-index{
    background: radial-gradient(circle , rgb(2, 192, 250) 30%, rgb(2, 81, 250) 100%);
    overflow: hidden;
}
.form-buscar-loja{
    width: 60%;
}
.form-buscar-loja h1{
    font-size: 60px;
    font-weight: 900;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
}
.form-buscar-loja input{
    height: 75px;
    font-size: 30px;
    border: none !important;
    background-color: #fff !important;
    color: #171717 !important;
}
.form-buscar-loja .btn-um{
    display: none;
    width: 100%;
    height: 75px;
    font-size: 30px;
    font-weight: bold !important;
}



/* TECLADO */
.teclado{
    padding-left: 50px;
    width: 500px;
    margin: auto;
}
.teclado .horizontal .vertical{
    border: 3px solid #fff;
    width: 50px;
    height: 50px;
    margin: 5px; 
    font-size: 20px;
    font-weight: 600;
}
.teclado .horizontal .vertical[data-css="apagar"]{
    width: 170px;
}
.teclado .horizontal .vertical[data-css="entrar"]{
    width: 170px;
}
.teclado .horizontal .vertical:focus{
    border: 3px solid #4d4b4b;
}

@media screen and (max-width: 1200px){
    .form-buscar-loja h1{
        font-size: 40px;
        margin-bottom: 5px;
    }
    .form-buscar-loja{
        width: 100%;
    }
    .form-buscar-loja .btn-um{
        display: block; 
        font-weight: 500;
    }
    .teclado,
    .teclado .horizontal .vertical{
        display: none;
    }
}