body {
  font-family: "Manrope", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  background: #FCE2DB;
}

.jumbo {
  font-family: "Ms Madi", cursive;
  letter-spacing: 0;
  font-size: 5rem;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: 0;
  color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(#FF8FB1), to(#FCE2DB));
  background-image: linear-gradient(90deg, #FF8FB1, #FCE2DB);
  -webkit-background-clip: text;
          background-clip: text;
  text-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 750px) {
  .jumbo {
    font-size: 3rem;
  }
}

.header {
  background: #432C7A;
  color: #FF8FB1;
  padding: 2rem;
  position: relative;
}
.header::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1rem;
  width: 100%;
  -webkit-clip-path: polygon(0 85%, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 85%, 100% 0, 100% 100%, 0 100%);
  content: "";
  background: #FF8FB1;
}

.main {
  color: #232323;
  background: #f8f8f8;
  padding: 5rem 2rem;
  -webkit-box-shadow: inset 0 25px 25px -25px rgba(0, 0, 0, 0.45);
          box-shadow: inset 0 25px 25px -25px rgba(0, 0, 0, 0.45);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
@media (max-width: 990px) {
  .main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.main__left {
  background: #f8f8f8 url(../images/vicky.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 250px;
  min-width: 250px;
  overflow: hidden;
  border-radius: 30% 70% 70% 30%/30% 34% 66% 70%;
  -webkit-box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.08);
          box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.08);
}
@media (max-width: 990px) {
  .main__left {
    height: 250px;
  }
}
.footer {
  background: #80489C;
  color: #FCE2DB;
  padding: 4rem 2rem;
  -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 86%);
          clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 86%);
}