
/*
colores
turquesa (0,151,178)
otro turquesa (66,159,167)
mostaza (255,175,0)
rosa (232,180,166)
gris palido (232,222,210)
otro gris (201,200,196)
*/
body {
  font-family: Monserrat, Arial, Verdana, Helvetica, sans-serif;
  background-image: linear-gradient(to right,rgb(43, 172, 172),white);
  color: rgb(59, 46, 83);
}
#navbar {
  position: sticky;
  top: 0;
  background-color: rgb(0,151,178);
  padding: 10px;
  border-radius: 15px;
  transition:1s ease;
  text-align: center;
}
.navegador{
  color: rgb(232,222,210);
}
footer, section{
  /*background-color: rgb(51, 153, 153,0.4);
  border-radius: 15px;
  border: 5px;
  border-color: aliceblue;*/
  padding: 10px;
  transition: 1s ease;
}
footer {
  text-align: center;
  font-weight:bold;
}
/*section {
  border-style: solid;
}*/
a {
  border:0px;
  font-weight: bolder;
  border-radius: 15px;
  text-decoration: none;
  /*con la opacidad 0 eliminamos el problema de que se pisen*/
  color: rgb(50,50,50);
  padding: 0.25em;
  transition: 1s ease;
} 
a:hover {
  background-color: rgb(17, 36, 30, 0.5);
  color: lightgray;
}
h1 {
  font-family: DancingScript-Bold, Balthazar, Verdana, Arial, Geneva, Tahoma, sans-serif;
  text-align: center;
}
#psicologa {
  text-align: center;
}
.centrado{
  text-align: center;
}
.texto-grande{
  font-size: 2em;
}
/*
.seccion1 {
  background-color: rgb(109, 233, 233, 0.2);
  color: rgb(83, 83, 83);
  border-color: antiquewhite;
}
.seccion2 {
  background-color: rgb(181, 238, 186, 0.2);
  color: rgb(83, 83, 83);
  border-color: antiquewhite;
}
.seccion3 {
  background-color: rgb(186, 174, 252, 0.2);
  color: rgb(83, 83, 83);
  border-color: antiquewhite;
}
.seccion4 {
  background-color: rgb(247, 213, 163, 0.2);
  color: rgb(83, 83, 83);
  border-color: antiquewhite;
}
.seccion5 {
  background-color: rgb(152, 205, 255, 0.2);
  color: rgb(83, 83, 83);
  border-color: antiquewhite;
}*/
/*aqui van las fuentes externas*/
@font-face {
  font-family: DancingScript-Bold;
  src: url(./DancingScript-Bold.ttf);
}
@font-face {
  font-family: Monserrat;
  src: url(./Montserrat-VariableFont_wght.ttf);
}