[Projeto] Concluído o desafio!

<section class="carrossel">
            <h2 class="carrossel__titulo">Mais Vendidos</h2>
            <!-- Slider main container -->
            <div class="swiper">
                <!-- Additional required wrapper -->
                <!-- If we need pagination -->
                <div class="swiper-pagination"></div>
                
                <div class="swiper-wrapper">
                    <!-- Slides -->
                    <div class="swiper-slide"><img src="ApacheKafka.svg"
                     alt="Livro sobre apache kafka e spring boot da alura books"></div>
                    <div class="swiper-slide"><img src="Liderança.svg"
                     alt="Livro sobre liderança em design da alura books"></div>
                    <div class="swiper-slide"><img src="Javascript.svg"
                     alt="Livro sobre javascript assertivo da alurabooks"></div>
                    <div class="swiper-slide"><img src="Guia Front-end.svg" alt="Livro Guia front end"></div>
                    <div class="swiper-slide"><img src="Portugol.svg" alt="Livro sobre portugol"></div>
                    <div class="swiper-slide"><img src="Acessibilidade.svg" alt="livro sobre acessibilidade"></div>
                </div>
    
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
    </section>

        <div class="card">
            <!--1 linha -->
            <div class="card__descrição">
                <!--1 coluna -->
                <div class="descrição">
                    <img src="Estrelinhas.svg" class="descricao__imagem" class="descrição__stars">
                    <h3 class="descrição__titulo">Autora do Mês</h3>
                    <h2 class="descrição__titulo-livro">Juliana Agarikov</h2>
                    <p class="descrição__texto">Analista de sistemas e escritora, Juliana é especialista em Front-End. </p>
                </div>
                <!--2 coluna -->
                <img src="Escritora.svg" alt="Imagem livro Angular" class="descrição__imagem">
            </div>

            <!--2 linha -->
            <div class="card__botões">
                <!--1 coluna -->
                <ul class="botões">
                    <li class="botões__item"><img src="Favoritos.svg" alt="Favoritar livro"></li>
                    <li class="botões__item"><img src="Compras.svg" alt="Adicionar no carrinho de compras"></li>
                </ul>
                <!--2 coluna -->
                <a href="#" class="botões__ancora">Saiba mais</a>
            </div>
        </div>
    </section>