*{
  margin: 0;
  padding: 0;
}

body {

  background-color: white;
  font-family: 'Poppins', sans-serif;

}

.topnav {
 overflow: hidden;
 background-color: #5b9dc5;
 position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
 display: none;
}

/* Style navigation menu links */
.topnav a {
 color: black;
 padding: 14px 16px;
 text-decoration: none;
 font-size: 17px;
 display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
 background: #5b9dc5;
 display: block;
 position: absolute;
 right: 0;
 top: 0;
}

 /* Style the active link (or home/logo) */
.active {
 background-color: #1c1c1c;
 color: white;
}

h1 {
  font-size: 35px;

}

h2 {
  font-size: 27px;


}

ul {
  width: 85%;
  margin: auto;
  font-size: 20px;
}
#colors {

  color: #1c1c1c;
  font-size: 25px;
  font-family: 'Audiowide', cursive;
}

#catalogo {

  color: #1c1c1c;
  font-size: 20px;

}