body {
  background-color: pink;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-family: "Poppins", sans-serif;
  line-height: 1.5em;
  color: hsl(192, 100%, 9%);
}
.container {
  max-width: 90%;
  margin: 50px auto;
}
.flex {
  margin: 100px auto;
}
nav {
  display: flex;
  justify-content: space-between;
  margin: 4em;
}
.logo {
  width: 20%;
}

h1 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 2.5em;
}
p {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  width: 45%;
  margin: 2em auto;
}
.header-content {
  text-align: center;
}
.btn {
  padding: 10px 40px;
  border-radius: 20px;
  border: 1px solid hsl(322, 100%, 66%);
  background-color: white;
  color: hsl(322, 100%, 66%);
  box-shadow: 1px 1px 2px hsl(322, 18%, 33%);
}

button.btn-pink {
  padding: 20px 90px;
  border-radius: 30px;
  border: none;
  background-color: hsl(322, 100%, 66%);
  color: white;
  box-shadow: 1px 1px 3px hsl(322, 18%, 33%);
  display: flex;
  margin: 0 auto;
}
.mockup-img {
  width: 90%;
  margin: 100px auto;
  display: flex;
}
.header-last-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 75%;
  margin: 0 auto;
}
.header-icons-head {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 5em;
  margin: 100px 10px 40px;
}
.icons-para {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  margin: 0;
  text-align: center;
  width: 100%;
  font-size: 1.2em;
}
.header-icons {
  width: 20%;
  float: left;
}
/*MAIN*/
.box {
  display: flex;
  margin: 150px 0;
}
.main-content {
  width: 60%;
  text-align: left;
  align-self: center;
  margin-right: 100px;
}
.main-content:nth-child(2) {
  margin-left: 100px;
}
.main-images {
  width: 50%;
  float: right;
}
h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 2em;
}
p.main-para {
  margin: 0;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}
h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 2.3em;
  margin: 50px auto;
  text-align: center;
}
/*FOOTER*/

.footer-flex {
  display: flex;
  padding-top: 200px;
  justify-content: space-between;
}
.flex-left {
  width: 45%;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.flex-right {
  width: 35%;
  margin: 0;
  text-align: left;
}
footer .flex1 img {
  width: 40%;
  filter: brightness(100%);
}
.icon-paragraph {
  margin: 0;
}
.flex1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  margin: 0;
}
h4 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 1.6em;
  margin: 0;
}
p.flex-text {
  margin: 20px 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  width: 100%;
}

.social {
  margin: 1em 0;
  text-align: left;
  font-size: 3em;
}
.social .fa {
  color: white;
  margin-right: 10px;
}

#email {
  padding: 15px 70px;
  border-radius: 8px;
  border: none;
  background-color: white;
  margin-top: 20px;
  margin-right: 10px;
}
#submit {
  padding: 15px 35px;
  border-radius: 8px;
  border: none;
  background-color: hsl(322, 100%, 66%);
  color: white;
}