section.center {
  max-width: 800px;
  margin: 2rem auto;
  padding: 1rem;
  background: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
section.font {
      width: 100%;
      height: 100%;
    background: #F0F8FF;
}

body {
    background: linear-gradient(
        90deg,
        rgba(203,18,133,1)0%,
        rgba(80,49,145,1) 70%
);
}

section.pie {
   max-width: 800px;
  margin: 2rem auto;
  padding: 1rem;
  background: #C0C0C0;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

section.nosotros {
    max-width: 800px;
  margin: 2rem auto;
  padding: 1rem;
  background: linear-gradient(
        90deg,
        rgba(203,18,133,1)0%,
        rgba(80,49,145,1) 70%
);
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

section.caracter {
    max-width: 800px;
  margin: 2rem auto;
  padding: 1rem;
  background: #B0C4DE;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

section.locus {
    max-width: 800px;
  margin: 2rem auto;
  padding: 1px;
  background: #7B68EE;
  border-radius: 100px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

section.php-admin {
f-radius: 100px;
background: linear-gradient(
        90deg,
        rgba(203,18,133,1)0%,
        rgba(80,49,145,1) 70%
)
}

section.fires {
     max-width: 800px;
  margin: 2rem auto;
  padding: 1px;
  background: #7B68EE;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

section.boton {
max-width: 80px;
  margin: 1px;
  padding: 2rem auto;
f-radius: 1px;
border-radius: 10px;
background: linear-gradient(
        90deg,
        rgba(203,18,133,1)0%,
        rgba(80,49,145,1) 70%
)
}

a {
  color: #FF0000;
  text-decoration: none;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}