@charset "utf-8";
*, *:before, *:after {
  box-sizing: border-box;
}
html {
  background-image: url(assets/BKG.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
body {
  font-family: actor, andika, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #797878;
  font-size: 15pt;
  line-height: 25pt;
  margin: 0px;
}
#container {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
header {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom-color: rgba(165, 165, 165, 1.00);
  border-bottom-style: solid;
  bordar-bottom: 1px;
  margin-bottom: 30px;
  color: #93E2C2;
}
header {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom-color: rgba(165, 165, 165, 1.00);
  border-bottom-style: solid;
  bordar-bottom: 1px;
  margin-bottom: 30px;
  font-size: 18pt;
  color: #93E2C2;
}
header h1 {
  font-family: 'Comic Neue', cursive;
  color: #93E2C2;
  text-shadow: 0pt 10px 5px #FFFFFF;
  font-size: 44pt;
}
header p {
  font-family: 'Open Sans', sans-serif;
  color: #9A9999;
  font-size: 20pt;
  text-transform: capitalize;
}
h1 {
  font-family: 'Comic Neue', cursive;
  color: #93E2C2;
  text-shadow: 0pt 10px 5px #FFFFFF;
}
.Pregnancy {
  border-bottom: 3px dotted #93E2C2;
}
.Pregnancy img {
  width: 400px;
  margin: 0 auto;
  display: block;
  border: 15px solid #FFF388;
  border-radius: 25px;
  border-collapse: separate;
}
.Pregnancy h1 {
  text-align: center;
  font-size: 28pt;
}
.Pregnancy p {
  margin-left: 140px;
  margin-right: 140px;
}
.parent {
  display: flex;
  margin-top: 50px;
  margin-bottom: 50px;
  border-bottom: 3px dotted #93E2C2;
  padding-bottom: 50px;
  justify-content: space-around;
}
.text {
  flex-basis: 60%;
  padding-top: 218px;
}
.text h1 {
  text-align: center;
}
.Birthday .graphics {
  background-image: url(assets/elefent.png);
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 211px;
  display: flex;
  align-self: center;
}
.Birthday .text {
  background-image: url(assets/blue-heart.png);
  background-repeat: no-repeat;
  background-position: 50% 16%;
}
.FirstYear .text {
  background-image: url(assets/yellowheart.png);
  background-repeat: no-repeat;
  background-position: 50% 16%;
}
.FirstYear .graphics {
  background-image: url(assets/lion.png);
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 211px;
  display: flex;
  align-self: center;
}
.SecondYear.parent .text {
  background-image: url(assets/lightblueheart.png);
  background-repeat: no-repeat;
  background-position: 50% 16%;
}
.SecondYear .graphics {
  background-image: url(assets/giraffe.png);
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 211px;
  display: flex;
  align-self: center;
}
.ThirdYear .text {
  background-image: url(assets/green-heart.png);
  background-repeat: no-repeat;
  background-position: 50% 16%;
}
.ThirdYear .graphics {
  background-image: url(assets/deer.png);
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 211px;
  display: flex;
  align-self: center;
}
.graphics .JPG {
  border-radius: 25px;
  border: 15px solid #FFF388;
  padding-top: 0px;
  margin-left: 0px;
}
.FirstYear {
  display: flex;
  margin-top: 50px;
  margin-bottom: 50px;
  border-bottom: 3px dotted #93E2C2;
  padding-bottom: 50px;
  padding-right: 60px;
}
.SecondYear {
  display: flex;
  margin-top: 50px;
  margin-bottom: 50px;
  border-bottom: 3px dotted #93E2C2;
  padding-bottom: 50px;
}
.ThirdYear {
  display: flex;
  margin-top: 50px;
  margin-bottom: 50px;
}
footer {
  padding-bottom: 30px;
  border-top-color: rgba(165, 165, 165, 1.00);
  border-top-style: solid;
  bordar-top: 1px;
}
footer p {
  font-family: actor, andika, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  text-align: center;
  margin-top: 50px;
}