@import url("https://fonts.googleapis.com/css2?family=Changa+One&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap');


/*
debug
{
	background-color:  rgba(0, 70, 70, 0.25)
}*/

html,
body {
  margin: 0;
  padding: 0;
}

body {
  overflow: scroll; 
}

body,
html,
p,
ul,
ol,
li {
  font-synthesis: none;
  font-kerning: none;
  font-variant-ligatures: none;
  font-feature-settings: "kern" 0, "calt" 0, "liga" 0, "clig" 0, "dlig" 0,
    "hlig" 0;
  text-rendering: geometricprecision;
  white-space: normal;
}

.fonte-infantil{
  font-family: "Changa One";
}

.fonte-os{
  font-family: "Open Sans";
}

.section {
  width: 100%; 
  overflow: show;
  position: relative;
  padding: 0;
  margin: 0;
  border: none;
}

.centered-content{
  display: grid;
  justify-content: center;
  align-items: center;
}

.centered-text{
  text-align: center;
}

.destaque {
  font-size: max(4.5vw, 1.5rem);
}

.pequeno {
  font-size: max(2vw, 0.5rem);
}

.orange {
  color: #ffc800;
}

.white {
  color: #ffffff;
}

.comum {
  font-size: max(4vw, 1rem);
}

.ajuda-filhos {
	height: 220px;
}

.btn-idade {
  position: relative;
  display: inline-block;
  background-image: radial-gradient(ellipse, #fbda69 10%, #ffc512 50%);
  font-family: "Changa One";
  font-size: max(3.5vw, 1.5rem);
  padding: 15px;
  color: #771000;
  text-decoration: none;
  margin: 0 7.5%;
  border: 3px solid #771000;
  border-radius: 50px;
}

.btn-idade:hover {
  background-image: radial-gradient(
    ellipse,
    #fbda69 30%,
    #ffc512 50%
  );
  transition: background 0.5s;
  border: 3px solid #993000;
  color: #993000;
}

#quero-conhecer{
	color: #fc0;
	text-decoration: none;
	font-size: max(4vw, 1.5rem);

}

#quero-conhecer:hover{
	color: #ff0;
}

.centered-element-x{
  position: relative;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
}

@media only screen and (min-width: 720px){
}

@media only screen and (max-width: 768px){
	.ajuda-filhos {
		height: 140px;
	}
}