PARTE 02

            </nav>


        </header>
        <main class="apresentacao">
                <section class="apresentacao__conteudo"> 
                    <h1 class="apresentacao__conteudo__titulo"><strong class="titulo-destaque">Embarque nessa!</strong> Music Verse</h1> 
                    <p class="apresentacao__conteudo__texto">A rede dos musicos</p>  
                    <div class="apresentacao__links">
                    <h2 class="apresentacao__links__subtitulo"> Acesse minhas redes:</h2>
                    <a class="apresentacao__links__link" href="https://instagram.com/xxxxx">
                    <img src="./assets/html.insta.png" >
                    Instagram
                    </a>
                    <a class="apresentacao__links__link" href="https://github.com/xxxx">
                    <img src="./assets/html.git.png" >
                    GitHub
                    </a>
                    </div>
                </section>
            <img class src="./assets/html.png" alt="Icon Music">
        </main>
        <footer class="rodape">
            <p>Desenvolvido por Ana Julia Irineu Nascimento</p>
        </footer>
    </body>    
</html>


PARTE 2


@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wgth@400;600&display=swap');

*{ margin: 0; padding: 0;

}

body { height: 100vh; box-sizing: border-box; background-color:white; color: mediumpurple; font-family: 'Krone One', sans-serif; font-weight: 400;

}

.cabecalho{

}

.cabecalho__menu__link { font-family: 'Montserrat' , sans-serif; font-size: 24px; font-weight: 600; color:black ; }

.apresentacao{ margin: 10% 15%; display: flex; align-items: center; justify-content: space-between; }

.apresentacao__conteudo{ width: 615px; display: flex; flex-direction: column; gap:40px;

}

.apresentacao__conteudo__titulo{ font-size: 36px; font-family: 'Krona One' , sans-serif;

}

.apresentacao__conteudo__texto { font-size: 24px; font-family: 'Montserrat', sans-serif;

}

.apresentacao__links{ display: flex; justify-content: space-between;

}

.apresentacao__links__link { background-color: darkslateblue; width: 280px; text-align: center; border-radius: 16px; font-size: 24px; font-weight: 600; padding: 21.5px 0; text-decoration: none; color: aliceblue; font-family: 'Montserrat', sans-serif;

}

.titulo-destaque { color: black; font-family: 'Krona One', sans-serif; font-weight: 400; }

.apresentacao__links__subtitulo { font-family: 'Krona One', sans-serif; font-weight: 400; font-size:24px;

}

.apresentacao__links__link {

} .apresentacao__links__link:hover{ background-color:indigo ;

}

.rodape { padding: 24px; color:black; background-color: mediumslateblue; text-align: center; font-family: 'Montserrat' , sans-serif; font-size: 24px; font-weight: 400;

}