/* screen - contact */

.contact {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 1570px;
  min-width: 1200px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.contact .group-144019-DhmS6L {
  background-color: transparent;
  height: 743px;
  position: absolute;
  right: calc(49.91% - 310px);
  top: 300px;
  width: 621px;
}

.contact .entrepreneur-WouMGB {
  background-color: transparent;
  height: 4px;
  left: calc(30.89% - 2px);
  letter-spacing: 0.00px;
  line-height: 1px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: calc(35.23% - 1px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 8px;
}

.contact .entrepreneur-WouMGB:hover {
  opacity: 1;
}

.contact .group-143614-WouMGB {
  background-color: transparent;
  height: 2px;
  left: calc(30.78% - 1px);
  pointer-events: auto;
  position: absolute;
  top: calc(37.30% - 1px);
  transition: all 0.2s ease;
  width: 2px;
}

.contact .group-143614-WouMGB:hover {
  opacity: 1;
}

.contact .path-1-cQTLBW {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.contact .group-143615-WouMGB {
  background-color: transparent;
  height: 2px;
  left: calc(30.78% - 1px);
  pointer-events: auto;
  position: absolute;
  top: calc(38.26% - 1px);
  transition: all 0.2s ease;
  width: 2px;
}

.contact .group-143615-WouMGB:hover {
  opacity: 1;
}

.contact .path-2-SDVToJ {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .author-WouMGB {
  background-color: transparent;
  height: 4px;
  left: calc(32.47% - 2px);
  letter-spacing: 0.00px;
  line-height: 1px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: calc(37.91% - 2px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 6px;
}

.contact .author-WouMGB:hover {
  opacity: 1;
}

.contact .group-144011-WouMGB {
  background-color: transparent;
  height: 55px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 1px);
}

.contact .rectangle-1876-zxtRCz {
  background-color: var(--white);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .name-zxtRCz {
  background-color: transparent;
  border: 0;
  height: 39px;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: 14px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  top: 8px;
  width: calc(100.00% - 18px);
}

.contact .name-zxtRCz::placeholder {
  color: #fd310099;
}

.contact .group-144012-WouMGB {
  background-color: transparent;
  height: 55px;
  left: 0px;
  position: absolute;
  top: 67px;
  width: calc(100.00% - 1px);
}

.contact .rectangle-1876-dyzzdd {
  background-color: var(--white);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .your-email-dyzzdd {
  background-color: transparent;
  border: 0;
  height: 39px;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: 14px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  top: 8px;
  width: calc(100.00% - 24px);
}

.contact .your-email-dyzzdd::placeholder {
  color: #fd310099;
}

.contact .group-144013-WouMGB {
  background-color: transparent;
  height: 55px;
  left: 0px;
  position: absolute;
  top: calc(19.48% - 11px);
  width: 100%;
}

.contact .rectangle-1876-kEp2Xt {
  background-color: var(--white);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .subject-kEp2Xt {
  background-color: transparent;
  border: 0;
  height: 39px;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: 14px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  top: 8px;
  width: calc(100.00% - 24px);
}

.contact .subject-kEp2Xt::placeholder {
  color: #fd310099;
}

.contact .group-144014-WouMGB {
  background-color: transparent;
  bottom: 0px;
  height: 542px;
  left: 0px;
  position: absolute;
  width: calc(100.00% - 1px);
}

.contact .rectangle-1876-fnbgOI {
  background-color: var(--white);
  height: calc(100.00% - 72px);
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .message-fnbgOI {
  background-color: transparent;
  border: 0;
  height: 450px;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: 14px;
  padding: 0;
  position: absolute;
  resize: none;
  text-align: left;
  top: 8px;
  width: calc(100.00% - 24px);
}

.contact .message-fnbgOI::placeholder {
  color: #fd310099;
}

.contact .group-144025-fnbgOI {
  background-color: transparent;
  bottom: 0px;
  height: 47px;
  position: absolute;
  right: 0px;
  width: 139px;
}

.contact .rectangle-1877-CqKGXB {
  background-color: var(--white);
  border-radius: 24px;
  cursor: pointer;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .submit-CqKGXB {
  background-color: transparent;
  bottom: calc(44.00% - 10px);
  color: var(--scarlet);
  font-family: var(--font-family-futura-bold);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  height: 22px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: calc(47.46% - 38px);
  text-align: left;
  white-space: nowrap;
  width: 80px;
}

.contact .header-DhmS6L {
  background-color: transparent;
  height: 262px;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
}

.contact .whitebox-NlxXXS {
  background-color: var(--white);
  box-shadow: 0px 3px 6px #edeaea;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .idea-NlxXXS {
  background-color: transparent;
  height: 45px;
  position: absolute;
  right: calc(49.97% - 92px);
  top: calc(35.46% - 16px);
  width: 185px;
}

.contact .i-uppgTd {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 31px;
  left: 7px;
  position: absolute;
  top: calc(50.00% - 15px);
  width: 31px;
  opacity: 0;
transform: translate(-25px, 0);
}

.contact .i-uppgTd.animate-enter5 {
  animation: animate-enter5-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

@keyframes animate-enter5-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.contact .ellipse-4-xmLx3d {
  background-color: var(--amaranth);
  border-radius: 15.4px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .group-143825-xmLx3d {
  background-color: transparent;
  bottom: calc(50.00% - 7px);
  height: 14px;
  left: calc(49.63% - 2px);
  mix-blend-mode: normal;
  position: absolute;
  width: 4px;
}

.contact .path-648-t7BPic {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .i-lZTokr {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease;
  width: 45px;
}

.contact .i-lZTokr:hover {
  opacity: 1;
}

.contact .ellipse-4-8GmufS {
  background-color: var(--amaranth);
  border-radius: 22.31px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .group-143825-8GmufS {
  background-color: transparent;
  bottom: calc(50.00% - 10px);
  height: 21px;
  left: calc(49.63% - 3px);
  mix-blend-mode: normal;
  position: absolute;
  width: 6px;
}

.contact .path-648-Q6t08k {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.contact .d-uppgTd {
  background-color: transparent;
  cursor: pointer;
  height: 31px;
  left: calc(34.83% - 11px);
  position: absolute;
  top: calc(50.00% - 15px);
  width: 31px;
}

.contact .ellipse-5-KCc6GN {
  background-color: var(--teal-blue);
  border-radius: 15.4px;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  opacity: 0;
transform: translate(-25px, 0);
}

.contact .ellipse-5-KCc6GN.animate-enter6 {
  animation: animate-enter6-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

@keyframes animate-enter6-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.contact .group-143827-KCc6GN {
  background-color: transparent;
  bottom: calc(50.00% - 7px);
  height: 14px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(45.86% - 6px);
  width: 13px;
}

.contact .path-649-uLxETT {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .e-uppgTd {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 31px;
  position: absolute;
  right: calc(34.83% - 11px);
  top: calc(50.00% - 15px);
  width: 31px;
  opacity: 0;
transform: translate(-25px, 0);
}

.contact .e-uppgTd.animate-enter7 {
  animation: animate-enter7-frames 3.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

@keyframes animate-enter7-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.contact .ellipse-6-uBdzgt {
  background-color: var(--ecstasy);
  border-radius: 15.4px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .group-143829-uBdzgt {
  background-color: transparent;
  bottom: calc(50.00% - 7px);
  height: 14px;
  left: calc(48.67% - 4px);
  mix-blend-mode: normal;
  position: absolute;
  width: 8px;
}

.contact .path-650-WKAK9m {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .a-uppgTd {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 31px;
  position: absolute;
  right: 7px;
  top: calc(50.00% - 15px);
  width: 31px;
  opacity: 0;
transform: translate(-25px, 0);
}

.contact .a-uppgTd.animate-enter8 {
  animation: animate-enter8-frames 3.00s ease 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

@keyframes animate-enter8-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.contact .ellipse-7-4TYMsp {
  background-color: var(--pacifika);
  border-radius: 15.4px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .group-143831-4TYMsp {
  background-color: transparent;
  bottom: calc(50.00% - 7px);
  height: 14px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(46.50% - 7px);
  width: 15px;
}

.contact .path-651-QUeEOx {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .d-lZTokr {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: calc(33.33% - 15px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.2s ease;
  width: 45px;
}

.contact .d-lZTokr:hover {
  opacity: 1;
}

.contact .ellipse-5-XnhaOt {
  background-color: var(--teal-blue);
  border-radius: 22.31px;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  opacity: 0;
transform: translate(-25px, 0);
}

.contact .ellipse-5-XnhaOt.animate-enter9 {
  animation: animate-enter9-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

@keyframes animate-enter9-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.contact .group-143827-XnhaOt {
  background-color: transparent;
  bottom: calc(50.00% - 10px);
  height: 21px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(45.86% - 8px);
  width: 18px;
}

.contact .path-649-9ildqh {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .e-lZTokr {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(33.33% - 15px);
  top: 1px;
  transition: all 0.2s ease;
  width: 45px;
}

.contact .e-lZTokr:hover {
  opacity: 1;
}

.contact .ellipse-6-4xBI2G {
  background-color: var(--ecstasy);
  border-radius: 22.31px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .group-143829-4xBI2G {
  background-color: transparent;
  bottom: calc(50.00% - 10px);
  height: 21px;
  left: calc(48.67% - 6px);
  mix-blend-mode: normal;
  position: absolute;
  width: 12px;
}

.contact .path-650-xGMeEt {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .a-lZTokr {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: 0px;
  top: 1px;
  transition: all 0.2s ease;
  width: 45px;
}

.contact .a-lZTokr:hover {
  opacity: 1;
}

.contact .ellipse-7-sKlKo7 {
  background-color: var(--pacifika);
  border-radius: 22.31px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .group-143831-sKlKo7 {
  background-color: transparent;
  bottom: calc(50.00% - 10px);
  height: 21px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(46.50% - 10px);
  width: 22px;
}

.contact .path-651-IoXhMI {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.contact .illustrator-des-educator-author-NlxXXS {
  background-color: transparent;
  bottom: calc(24.35% - 4px);
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 13.6px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(49.86% - 151px);
  text-align: left;
  white-space: nowrap;
  width: 302px;
}

.contact .jackharrisheadline-NlxXXS {
  background-color: transparent;
  bottom: calc(38.62% - 16px);
  height: 42px;
  mix-blend-mode: normal;
  object-fit: cover;
  opacity: 0.4;
  position: absolute;
  right: calc(49.96% - 190px);
  width: 381px;
}

.contact .component-59-7-DhmS6L {
  background-color: transparent;
  height: 31px;
  left: 39px;
  position: fixed;
  top: 25px;
  width: 555px;
}

.contact .about-CqcXbC {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 12px);
  left: 0px;
  pointer-events: auto;
  position: absolute;
  top: -9px;
  transition: all 0.2s ease;
  width: 95px;
}

.contact .about-CqcXbC:hover {
  transform: scale(1.1);
}

.contact .rectangle-1882-lWay7V {
  background-color: var(--white);
  height: calc(100.00% - 19px);
  left: 0px;
  position: absolute;
  top: 9px;
  width: 100%;
}

.contact .about-lWay7V {
  background-color: transparent;
  height: 21px;
  left: 11px;
  letter-spacing: 6.30px;
  line-height: 14px;
  position: absolute;
  text-align: center;
  top: 13.16%;
  white-space: nowrap;
  width: calc(100.00% - 19px);
}

.contact .contact-CqcXbC {
  background-color: transparent;
  height: calc(100.00% - 12px);
  pointer-events: auto;
  position: absolute;
  right: 324px;
  top: -9px;
  transition: all 0.2s ease;
  width: 104px;
}

.contact .contact-CqcXbC:hover {
  transform: scale(1.1);
}

.contact .rectangle-1882-OixGDr {
  background-color: var(--white);
  height: calc(100.00% - 19px);
  left: 4px;
  position: absolute;
  top: 9px;
  width: calc(100.00% - 9px);
}

.contact .contact-OixGDr {
  background-color: transparent;
  height: 21px;
  left: 0px;
  letter-spacing: 6.30px;
  line-height: 14px;
  position: absolute;
  text-align: center;
  top: 13.16%;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.contact .x-CqcXbC {
  background-color: transparent;
  bottom: -4px;
  height: 21px;
  letter-spacing: 6.30px;
  line-height: 14px;
  position: absolute;
  right: -2px;
  text-align: center;
  white-space: nowrap;
  width: 6px;
}

.contact .copyright-DhmS6L {
  background-color: transparent;
  bottom: 91px;
  height: 54px;
  left: 144px;
  position: absolute;
  width: 518px;
}

.contact .copyright-2021-rris-design-inc-ivqHQw {
  background-color: transparent;
  bottom: -0.56%;
  height: 56px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 14.4px;
  position: absolute;
  text-align: left;
  width: 100.39%;
}