/* screen - about-me-1-all-breakpoints */

.about-me-1-all-breakpoints {
  align-items: center;
  background-color: var(--foundation-neutralsn0);
  display: flex;
  flex-direction: column;
  height: 3674px;
  width: 1440px;
}

.about-me-1-all-breakpoints .label-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    180deg,
    rgb(148, 70, 238) 0%,
    rgb(232, 59, 233) 100%
  );
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-m);
  font-weight: 500;
  left: 0;
  position: absolute;
  text-fill-color: transparent;
  top: 0;
}

.about-me-1-all-breakpoints .label-2 {
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.about-me-1-all-breakpoints .contact-me {
  color: var(--foundation-neutralsn0);
  flex: 1;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1px;
  position: relative;
}

.about-me-1-all-breakpoints .frame-1000002897 {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  left: 687px;
  padding: 10px;
  position: fixed;
  top: 79px;
  z-index: 6;
}

.about-me-1-all-breakpoints .about-me {
  align-items: flex-start;
  display: flex;
  height: 1875px;
  margin-top: 64px;
  min-width: 1294px;
  z-index: 2;
}

.about-me-1-all-breakpoints .frame-1000002882 {
  align-items: flex-start;
  display: inline-flex;
  gap: 51px;
  position: relative;
}

.about-me-1-all-breakpoints .frame-1000002812 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  position: relative;
}

.about-me-1-all-breakpoints .label-3 {
  color: var(--gray600);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-weight: 600;
  height: 21px;
  position: relative;
  width: 120px;
}

.about-me-1-all-breakpoints .title {
  align-self: stretch;
  color: var(--gray800);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 54px;
  position: relative;
}

.about-me-1-all-breakpoints .adebola-deboh-ayoo {
  letter-spacing: 0;
  line-height: 44px;
  position: relative;
  width: 649px;
}

.about-me-1-all-breakpoints .frame-1000002881 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 48px;
  position: relative;
  width: 604px;
}

.about-me-1-all-breakpoints .frame-1000002813 {
  background-image: url(../img/frame-1000002813.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 4px solid;
  border-color: transparent;
  border-image: linear-gradient(to bottom, rgb(148, 70, 238), rgb(232, 59, 233))
    1;
  height: 709px;
  position: relative;
  width: 584px;
}

.about-me-1-all-breakpoints .frame-1000002880 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
  width: 100%;
}

.about-me-1-all-breakpoints .currently-debola-is {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 44px;
  margin-top: -1px;
  position: relative;
}

.about-me-1-all-breakpoints .awards {
  align-items: flex-start;
  background: linear-gradient(
    180deg,
    rgba(249, 250, 252, 0.4) 0%,
    rgba(235, 238, 245, 0.4) 100%
  );
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 100px;
  overflow: hidden;
  padding: 32px 73px;
  position: relative;
  width: 1440px;
  z-index: 4;
}

.about-me-1-all-breakpoints .frame-1000002879 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  position: relative;
  width: 100%;
}

.about-me-1-all-breakpoints .frame-1000002816 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
}

.about-me-1-all-breakpoints .certifications-education {
  color: var(--gray600);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.about-me-1-all-breakpoints .frame-1000002878 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 38px;
  position: relative;
  width: 100%;
}

.about-me-1-all-breakpoints .frame-100000287 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 44px;
  position: relative;
  width: 628px;
}

.about-me-1-all-breakpoints .frame-10000028 {
  align-self: stretch;
  background-color: var(--foundation-neutralsn0);
  border-radius: 20px;
  box-shadow: 0px 2px 40px -10px #00000002;
  height: 78px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.about-me-1-all-breakpoints .masters-in-computer {
  height: 24px;
  left: 77px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 26px;
  white-space: nowrap;
}

.about-me-1-all-breakpoints .certificate-in-artif {
  height: 24px;
  left: 40px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 26px;
  white-space: nowrap;
}

.about-me-1-all-breakpoints .prince2-certified {
  height: 24px;
  left: 249px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 26px;
  white-space: nowrap;
}

.about-me-1-all-breakpoints .certification-in-art {
  height: 24px;
  left: 84px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 26px;
  white-space: nowrap;
}

.about-me-1-all-breakpoints .bachelors-in-comput {
  height: 24px;
  left: 45px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 26px;
  white-space: nowrap;
}

.about-me-1-all-breakpoints .microsoft-certified-solution-developer {
  height: 24px;
  left: 165px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 26px;
  white-space: nowrap;
}

.about-me-1-all-breakpoints .frame-1000002901 {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  left: 690px;
  position: absolute;
  top: 208px;
}

.about-me-1-all-breakpoints .contact {
  align-items: flex-start;
  background-color: var(--pixie-powder);
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 100px;
  padding: 74px 220px;
  position: relative;
  width: 1440px;
  z-index: 3;
}

.about-me-1-all-breakpoints .container-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 39px;
  max-width: 1000px;
  position: relative;
  width: 100%;
}

.about-me-1-all-breakpoints .container-2 {
  flex: 1;
  flex-grow: 1;
  height: 535px;
  position: relative;
  display: flex;
  align-items: center;
}

.about-me-1-all-breakpoints .input {
  align-items: flex-start;
  background-color: var(--foundation-neutralsn0);
  border-radius: 9px;
  display: flex;
  flex-direction: column;
  height: 51px;
  overflow: hidden;
  padding: 15px;
  position: relative;
  width: 273px;
}

.about-me-1-all-breakpoints .container {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 1px 0px;
  position: relative;
  width: 100%;
}

.about-me-1-all-breakpoints .footer {
  align-items: flex-start;
  background-color: var(--foundation-neutralsn0);
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  gap: 10px;
  margin-top: 100px;
  padding: 40px 88px;
  position: relative;
  width: 1440px;
  z-index: 5;
}

.about-me-1-all-breakpoints .frame-43 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.about-me-1-all-breakpoints .background-1 {
  flex: 0 0 auto;
  position: relative;
}

.about-me-1-all-breakpoints .debola-ibiyode-202 {
  color: #7b7f87;
  font-family: var(--font-family-avenir-roman);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.about-me-1-all-breakpoints .label-4 {
  letter-spacing: 0;
  line-height: 19.2px;
  white-space: nowrap;
}
/* screen - about-me-2 */

.about-me-2 {
  align-items: center;
  background-color: var(--foundation-neutralsn0);
  display: flex;
  flex-direction: column;
  min-height: 5430px;
  width: 375px;
}

.about-me-2 .container-4 {
  align-items: center;
  justify-content: space-between;
  padding: 0px 12px 0px 16px;
}

.about-me-2 .frame-1000002903 {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  left: 77px;
  padding: 10px;
  position: fixed;
  top: 41px;
  z-index: 6;
}

.about-me-2 .rectangle-3-2 {
  background: linear-gradient(
    180deg,
    rgb(232.32, 18.98, 228.76) 0%,
    rgb(126.51, 32.38, 234.08) 100%
  );
  filter: blur(218.18px);
  height: 60px;
  position: relative;
  width: 60px;
}

.about-me-2 .about-me-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 34px;
  margin-top: 52px;
  position: relative;
  width: 343px;
  /* z-index: 4; */
}

.about-me-2 .frame-1000002871 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 38px;
  position: relative;
  width: 100%;
}

.about-me-2 .frame-1000002812-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.about-me-2 .frame-1000002858 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.about-me-2 .rectangle-1 {
  background: linear-gradient(
    180deg,
    rgb(232.32, 18.98, 228.76) 0%,
    rgb(126.51, 32.38, 234.08) 100%
  );
  height: 2px;
  position: relative;
  width: 62px;
}

.about-me-2 .label-4 {
  height: 21px;
  letter-spacing: 0;
  line-height: 16.8px;
  position: relative;
  width: 120px;
}

.about-me-2 .expert-it-services-tailored-for-you {
  color: var(--gray800);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 44px;
  position: relative;
  width: 343px;
}

.about-me-2 .adebola-deboh-ayoo-1 {
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  width: 343px;
}

.about-me-2 .frame-1000002813-1 {
  align-self: stretch;
  background-image: url(../img/frame-1000002813-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 4px solid;
  border-color: transparent;
  border-image: linear-gradient(to bottom, rgb(148, 70, 238), rgb(232, 59, 233))
    1;
  height: 400px;
  position: relative;
  width: 100%;
}

.about-me-2 .currently-debola-is-1 {
  align-self: stretch;
  height: 1043px;
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
}

.about-me-2 .awards-1 {
  align-items: flex-start;
  background: linear-gradient(
    180deg,
    rgba(249, 250, 252, 0.4) 0%,
    rgba(235, 238, 245, 0.4) 100%
  );
  border-radius: 20px;
  display: flex;
  height: 613px;
  margin-top: 64px;
  overflow: hidden;
  padding: 24px 16px;
  width: 375px;
  /* z-index: 5; */
}

.about-me-2 .overlap-group {
  height: 546px;
  position: relative;
  width: 343px;
}

.about-me-2 .rectangle-3-3 {
  background: linear-gradient(
    180deg,
    rgb(232.32, 18.98, 228.76) 0%,
    rgb(126.51, 32.38, 234.08) 100%
  );
  filter: blur(363.64px);
  height: 100px;
  left: 122px;
  position: absolute;
  top: 273px;
  width: 100px;
}

.about-me-2 .frame-1000002889 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 343px;
}

.about-me-2 .frame-1000002823 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 18px;
  position: relative;
}

.about-me-2 .certifications-education-1 {
  color: var(--gray600);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.about-me-2 .frame-1000002888 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 18px;
  position: relative;
  width: 100%;
}

.about-me-2 .frame-10000028-1 {
  align-self: stretch;
  background-color: var(--foundation-neutralsn0);
  border-radius: 20px;
  box-shadow: 0px 2px 40px -10px #00000002;
  height: 66px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.about-me-2 .masters-in-computer-1 {
  height: 40px;
  left: 27px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 12px;
  width: 289px;
}

.about-me-2 .certification-in-art-1 {
  height: 40px;
  left: 33px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 12px;
  width: 278px;
}

.about-me-2 .certificate-in-artif-1 {
  height: 40px;
  left: 21px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 12px;
  width: 302px;
}

.about-me-2 .bachelors-in-comput-1 {
  height: 40px;
  left: 20px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 12px;
  width: 304px;
}

.about-me-2 .frame-100000282 {
  align-self: stretch;
  background-color: var(--foundation-neutralsn0);
  border-radius: 20px;
  box-shadow: 0px 2px 40px -10px #00000002;
  height: 59px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.about-me-2 .prince2-certified-1 {
  height: 24px;
  left: 124px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 17px;
  white-space: nowrap;
}

.about-me-2 .microsoft-certified-solution-developer-1 {
  height: 24px;
  left: 63px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 17px;
  white-space: nowrap;
}

.about-me-2 .contact-1 {
  align-items: center;
  background-color: var(--pixie-powder);
  display: inline-flex;
  gap: 10px;
  margin-top: 66px;
  padding: 34px 16px;
  position: relative;
  /* z-index: 2; */
}

.about-me-2 .frame-1000002890 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.about-me-2 .container-3 {
  align-items: flex-start;
  flex-direction: column;
  padding: 1px 0px;
}

.about-me-2 .footer-1 {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  gap: 32px;
  justify-content: center;
  margin-top: 117px;
  padding: 0px 16px;
  position: relative;
  width: 375px;
  /* z-index: 3; */
}

.about-me-2 .background-2 {
  flex: 0 0 auto;
  position: relative;
}

.about-me-2 .container {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.about-me-2 .input {
  align-self: stretch;
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 1439px) {
  .screen.about-me-1-all-breakpoints {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .screen.about-me-2 {
    display: none;
  }
}