diff --git a/css/musicas.css b/css/musicas.css
new file mode 100644
index 0000000..1b3a65e
--- /dev/null
+++ b/css/musicas.css
@@ -0,0 +1,87 @@
+@import url('./menu.css');
+
+ body {
+ margin: 0;
+ }
+
+ h1 {
+ text-align: center;
+ }
+
+ .musicas-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ width: 100vw;
+ }
+
+ footer {
+ padding-bottom: 50px;
+ text-align: center;
+ margin-inline: 20px;
+ }
+
+ .table-content {
+ display: flex;
+ justify-content: center;
+ margin-top: 80px;
+ min-height: 585px;
+ }
+
+ .table-content table {
+ min-width: 700px;
+ }
+
+ th, tr:nth-child(odd) {
+ background-color: #eee;
+ }
+
+ .table-content table, .table-content th, .table-content td {
+ border-collapse: collapse;
+ border: 1px solid #999;
+ border-inline: none;
+ text-align: left;
+ }
+
+ [colspan] {
+ font-weight: bold;
+ width: 100%;
+ text-align: center;
+ padding-left: 0;
+ }
+
+ .table-content tr {
+ height: 35px;
+ }
+
+ table td:nth-child(-n+3) {
+ width: 30%;
+ }
+
+ td:nth-of-type(3) {
+ width: 25%;
+ }
+
+ table:last-child td {
+ width: 15%;
+ }
+
+ .caption {
+ display: flex;
+ justify-content: center;
+ font-weight: bold;
+ font-size: 25px;
+ margin-bottom: 10px;
+ }
+
+ @media (max-width: 750px) {
+ .table-content th, .table-content td {
+ padding-inline: 10px;
+ }
+
+ .table-content table {
+ min-width: 0;
+ width: 90vw;
+ }
+ }
\ No newline at end of file
diff --git a/index.html b/index.html
index e8f6cb5..0a435fb 100644
--- a/index.html
+++ b/index.html
@@ -22,6 +22,7 @@
Parques naturais
Formulário
Eventos
+ Músicas