body {
    color: aliceblue;
    font-family: "acumin-pro", "Acumin Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-image: linear-gradient(to right, #191919, rgb(194, 74, 158));
    overflow-x: hidden;
}


/******************IMG PRINCIPAL**************/

#logo {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

#butao {
    background-image: linear-gradient(to right, #e9c80cc7, rgb(214, 37, 155), rgb(39, 7, 82));
    border: none;
}

.img-principal {
    width: 400px;
    height: 500px;
    object-fit: cover;
}

#text-b {
    /* Primeiro passo: definir um degradê como fundo */
    background-image: linear-gradient(to right, #e9c80cc7, rgb(214, 37, 155), rgb(39, 7, 82));
    /* Segundo passo: apagar do fundo tudo que não estiver imediatamente atrás de texto */
    background-clip: text;
    -webkit-background-clip: text;
    /* Alguns navegadores precisam do prefixo */
    /* Terceiro passo: apagar o texto, deixando apenas o fundo atrás dele */
    -webkit-text-fill-color: transparent;
    /* Cor que contraste com o degradê, caso o navegador não suporte `background-clip: text` */
    color: black;
}

#text-1 {
    top: 60px;
    position: relative;
}

.card {
    background-color: #191919;
}

i {
    color: #191919;
    bottom: 10px;
    position: relative;
}

.icon {
    background-image: linear-gradient(to right, #e9c80cc7, rgb(214, 37, 155), rgb(39, 7, 82));
    border-radius: 80%;
    width: 55px;
    height: 55px;
}

.meio {
    top: 80px;
    position: relative;
    background-image: linear-gradient(to right, #e9c80cc7, rgb(214, 37, 155), rgb(39, 7, 82));
    width: 100%;
    height: 250px;
}

.meio h4 {
    top: 30%;
    position: relative;
}

#chamar {
    top: 100px;
    position: relative;
    background-color: #191919 !important;
    border: none;
}

.sobre {
    top: 200px;
    position: relative;
}

#chamar2 {
    background-image: linear-gradient(to right, #e9c80cc7, rgb(214, 37, 155), rgb(39, 7, 82)) !important;
    border: none;
}

footer {
    top: 310px;
    position: relative;
    background-image: linear-gradient(to right, #e9c80cc7, rgb(214, 37, 155), rgb(39, 7, 82)) !important;
}