/*
.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}
*/

body{
  font-family: "Lato", sans-serif;
  /*color:#f9c74f;*/
  color:#e76f51;
  background-color:#1d3557;
  text-shadow:1px 2px 3px #000;
  display:sticky;
  top:0;
}
.scroll{
  width:80vw;
  margin:auto;
  padding-bottom:25px;
}
hr {
  /*border:1px solid #2a9d8f;*/
  border:1px solid #ffbf00;
  margin-top:15px;
}
button{
  font-family: "Lato", sans-serif;
  font-size: 25px;
  color:#e76f51;
  background-color:#1d3557;
  padding:6px;
  border:3px solid #e76f51;
  border-radius: 22px;
  text-shadow:1px 1px 2px #000;
  box-shadow: 3px 4px 7px rgba(0, 0, 0, 0.6);
  transition:500ms;
}
button:hover {
  background-color:#f88379;
  color:#ffbf00;
  border:3px solid #ffbf00;
}
#img-kid-bot{
  width:100%;
}