:root {
  --tangerine: #ff934f;
  --dark: #12141d;
}

body {
  color: #0d0d53;
  background-color: #f8f8ff;
  font-family: Poppins;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.45em;
}

h1 {
  margin-top: .5em;
  margin-bottom: .25em;
  font-size: 3.125em;
  font-weight: 200;
  line-height: 1.25em;
}

h2 {
  margin-top: .5em;
  margin-bottom: .5em;
  font-size: 2.5em;
  font-weight: 200;
  line-height: 1.25em;
}

h3 {
  margin-top: .5em;
  margin-bottom: .25em;
  font-size: 2em;
  font-weight: 300;
  line-height: 1.25em;
}

h4 {
  margin-top: .5em;
  margin-bottom: .5em;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.25em;
}

h5 {
  margin-top: .5em;
  margin-bottom: .5em;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.25em;
}

h6 {
  margin-top: .5em;
  margin-bottom: .5em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.25em;
}

p {
  margin-bottom: .75em;
}

ul {
  margin-top: 0;
  margin-bottom: .75em;
  padding-left: 40px;
}

li {
  margin-bottom: .75em;
}

img {
  max-width: 100%;
  display: inline-block;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: .5em;
  margin-bottom: 1em;
  padding: 1em 1.25em;
  font-size: 1.5em;
  font-style: italic;
  line-height: 1.25em;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.section {
  color: #d7d3da;
  padding: 8%;
}

.container {
  width: 85%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.link-item {
  color: #fff;
  text-align: center;
  background-color: #d84500;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  padding: .75em;
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
  transition: all .25s;
  display: flex;
  position: static;
}

.link-item:hover {
  color: #f8f8ff;
}

.wrapper {
  color: indigo;
}

.title {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 800px;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.username {
  color: #a7a7a7;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 500;
}

.social {
  justify-content: center;
  align-items: center;
  margin-top: 2em;
  padding-left: 12px;
  padding-right: 12px;
  display: none;
}

.social-link {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: .25em;
  margin-right: .25em;
  padding: 5px;
  transition: background-color .3s;
  display: flex;
}

.social-link:hover {
  background-color: var(--tangerine);
}

.utility-page-wrap {
  color: var(--dark);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.body {
  color: #0000;
  background-color: #fff0;
  background-image: url('../images/Gemini_Generated_Image_jmop9hjmop9hjmop.png');
  background-position: 0 0;
  background-size: cover;
  font-family: Inter, sans-serif;
}

.text-block {
  text-decoration: none;
}

.div-block, .heading {
  color: var(--dark);
  font-family: Inter, sans-serif;
}

.body-2 {
  color: var(--dark);
}

.heading-2 {
  font-family: Inter, sans-serif;
}

.field-label {
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.submit-button, .text-field {
  font-family: Inter, sans-serif;
}

.avatar {
  background-color: #f8f8ff;
  background-image: url('../images/Artboard-1-copy.jpg');
  background-position: 0 0;
  background-size: cover;
  border: 1px #0000;
  border-radius: 100%;
  width: 144px;
  min-width: 144px;
  max-width: 144px;
  height: 144px;
  min-height: 144px;
  max-height: 144px;
  box-shadow: 0 2px 5px #0003;
}

.container-2 {
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
  display: flex;
}

.image {
  color: #fff;
}

.image-2 {
  width: 1rem;
  height: 1rem;
  margin-right: 10px;
}

.footer {
  justify-content: center;
  align-items: center;
  display: none;
}

.link {
  text-decoration: none;
}

.heading-3 {
  color: #fff;
  justify-content: center;
  font-family: PT Serif, serif;
  font-size: 2.5em;
  font-style: italic;
  font-weight: 700;
  display: flex;
}

.image-3 {
  max-width: 10%;
  position: relative;
}

html.w-mod-js [data-ix="move-up-on-load-1"], html.w-mod-js [data-ix="move-up-on-load-2"], html.w-mod-js [data-ix="move-up-on-load-3"], html.w-mod-js [data-ix="move-up-on-load-4"], html.w-mod-js [data-ix="move-up-on-load-5"] {
  opacity: 0;
  transform: translate(0, 50px);
}

html.w-mod-js [data-ix="move-left-on-load-1"], html.w-mod-js [data-ix="move-left-on-load-2"], html.w-mod-js [data-ix="move-left-on-load-3"] {
  opacity: 0;
  transform: translate(-50px);
}

@media screen and (max-width: 991px) {
  .section {
    object-fit: fill;
  }

  .link-item {
    font-weight: 500;
  }

  .title {
    max-width: none;
  }

  .social {
    padding-left: 8px;
    padding-right: 8px;
  }

  .avatar {
    color: #0000;
    -webkit-text-fill-color: inherit;
    object-fit: fill;
    background-color: #f8f8ff;
    background-image: url('../images/Artboard-1-copy.jpg');
    background-position: 0 0;
    background-size: cover;
    background-clip: content-box;
    border: 0 #0000;
    border-radius: 100%;
    flex-direction: row;
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-items: center;
    width: 144px;
    min-width: 144px;
    max-width: 144px;
    height: 144px;
    min-height: 144px;
    max-height: 144px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .container-2 {
    justify-content: center;
    align-items: center;
    margin-bottom: 1em;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: .8em;
  }

  .link-item {
    font-weight: 500;
    line-height: 2em;
  }

  .social {
    padding-left: 0;
    padding-right: 0;
  }

  .avatar {
    background-color: #f8f8ff;
    background-image: url('../images/Artboard-1-copy.jpg');
  }

  .footer {
    justify-content: center;
    align-items: center;
    display: none;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: .75em;
  }

  .container {
    width: 95%;
  }

  .link-item {
    min-height: 40px;
    font-weight: 500;
    line-height: 2em;
  }

  .wrapper {
    color: #0000;
    background-color: #0000;
  }

  .social-link:hover {
    background-color: var(--tangerine);
  }

  .body {
    background-color: #fff;
  }

  .avatar {
    object-fit: contain;
    background-color: #f8f8ff;
    background-image: url('../images/Artboard-1-copy.jpg');
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
  }

  .heading-3 {
    font-size: 2em;
  }
}