@charset "UTF-8";

body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-color: #fff;
    
}

header {
    margin: auto;
    color: #fff;
    background-color: #fff;
}
.topnav {
   display: flex;
   justify-content: center;
   align-items:baseline;
  position: fixed;
  overflow: hidden;
}

.logo img {
    max-height: 250px;/* Ajusta la altura máxima de tu logo según sea necesario */
    margin: 20px;
	text-align: center;
padding-left:15%;
}
.topnav {margin:auto;
padding-left:25px;
	}
.topnav a {
  float: center;
  color: #33105b;
  text-decoration: none;
  font-size: 20px;
  margin:10px;
  }
nav {
    text-align: center; /* Centra los elementos del menú horizontalmente */
    background-color: #FD036F;
    border-radius:50px;
}

nav ul {
    list-style: none;
    display: inline-table; /* Cambiado a 'inline-block' para que se centre horizontalmente */
    padding: 0;
}

nav li {
    display: center; /* Coloca los elementos del menú en línea */
    margin-right: 10%; /* Espaciado entre elementos del menú */
    margin-top: 20px;
}

/* Add a black background color to the top navigation */


/* Style the links inside the navigation bar */

/* Change the color of links on hover */
.topnav a:hover {
  color:#FFF;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

/* Centered section inside the top navigation */
.topnav-centered a {
  float: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


nav a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.section{
    display: flex;
    justify-content: center;
}
#section1{
	background-color:#8C87E3;
}
#section2{
	background-color:#33105B;
}
#section3{
	background-color:#A2195B;
}
#section4{
	background-color:#BA482A;
}
#section5{
	background-color:#C5786D;
}