*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background-color: #333;
    font-family: Arial, Helvetica, sans-serif;
}
.container{
    margin-top: 2rem;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1.5rem;
}
img{
    width: 150px;   
    height: auto;
    object-fit: cover;
}
button
{
    padding: 10px 20px;
    border: none;
    background-color:gray;
    color: #fff;
    cursor: pointer;
    border-radius: 10px;
}
input{
    padding: 10px 20px;
    border: none;
    border-radius: 10px;
    width: 350px;
}
.para
{
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
}
#results > div
{
    border:2px solid #fff;
    margin: 1rem 2.5rem;
    border-radius: 50px;
    padding: 1rem;
    background-color: gray;
}
#results h3, #results p, #results a
{
    margin: 10px 50px;
    text-decoration: none;
}
.container p{
    color: black;
    font-size:x-large;
}
.icone{
    margin: 15px;
    width: auto;
    height: 22px;
}
#mic{
    margin-right:15px ;
    cursor: pointer;
    transition: transform 0.3s ease;
    color: #fff;
}