/* screen - community */

.community {
  align-items: center;
  background-color: var(--ebony);
  display: flex;
  flex-direction: column;
  height: 3697px;
  width: 1440px;
}

.community .overlap-group1 {
  align-items: center;
  background-color: var(--haiti);
  background-image: url(../img/anima/mask-group-4.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 104px;
  min-height: 450px;
  padding: 29px 0;
  width: 1440px;
}

.community .overlap-group2 {
  height: 45px;
  position: relative;
  width: 1280px;
}

.community .frame-5 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  left: 0;
  position: absolute;
  top: 0;
  width: 1280px;
}

.community .div {
  position: relative;
  width: 175.03px;
}

.community .frame-4 {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 4px;
  width: 22px;
}

.community .frame {
  border: 0px none;
  height: 20px;
  position: relative;
  width: 22.5px;
}

.community .vector {
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 21px;
}

.community .ultra-imagesnet {
  left: 30px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  top: -2px;
  white-space: nowrap;
  width: 143px;
}

.community .frame-4-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  position: relative;
}

.community .sign-in {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.community .frame-2 {
  align-items: center;
  background: linear-gradient(90deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
  border-radius: 1000px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 12px 24px;
  position: relative;
}

.community .navbar {
  align-items: center;
  display: inline-flex;
  gap: 24px;
  left: 448px;
  position: absolute;
  top: 12px;
  z-index: 1;
}

.community .frame-163 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  position: relative;
  width: 628px;
}

.community .frame-95 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 100%;
}

.community .title {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.community .discover-amazing-qr {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  opacity: 0.8;
  position: relative;
  text-align: center;
}

.community .frame-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  justify-content: center;
  position: relative;
}

.community .share-your-work {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.community .frame-3-1 {
  border: none;
}

.community .browse-all {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.community .flex-row {
  align-items: center;
  display: flex;
  gap: 969px;
  height: 42px;
  margin-left: 1.0px;
  margin-top: 119px;
  min-width: 1281px;
}

.community .featured-work {
  letter-spacing: 0;
  line-height: normal;
  min-height: 42px;
  min-width: 226px;
}

.community .view-all {
  letter-spacing: 0;
  line-height: 24px;
  min-width: 86px;
  opacity: 0.8;
  white-space: nowrap;
}

.community .frame-container {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  height: 556px;
  margin-left: 1.0px;
  margin-top: 41px;
  min-width: 1281px;
}

.community .frame-1-1 {
  align-items: flex-start;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid;
  border-color: var(--mulled-wine);
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 24px;
  position: relative;
  width: 411px;
}

.community .rectangle-14 {
  align-self: stretch;
  height: 300px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.community .cyberpunk-city-at-night {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.community .frame-168 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.community .frame-141 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.community .frame-167 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
  position: relative;
}

.community .creative-user1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.community .frame-166 {
  align-items: flex-end;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 12px;
  justify-content: center;
  position: relative;
}

.community .frame-16 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: flex-end;
  position: relative;
}

.community .vector-1 {
  height: 15px;
  position: relative;
  width: 20px;
}

.community .x24k-scans {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.community .vector-2 {
  height: 20px;
  position: relative;
  width: 23px;
}

.community .frame-3 {
  align-items: center;
  align-self: stretch;
  border: 1px solid;
  border-color: var(--white);
  border-radius: 1000px;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 12px 24px;
  position: relative;
  width: 100%;
}

.community .view-workflow {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.community .winners-container {
  align-items: center;
  display: flex;
  gap: 790px;
  height: 42px;
  margin-left: 1.0px;
  margin-top: 119px;
  min-width: 1281px;
}

.community .past-contest-winners {
  letter-spacing: 0;
  line-height: normal;
  min-height: 42px;
  min-width: 330px;
}

.community .view-all-winners {
  letter-spacing: 0;
  line-height: 24px;
  min-width: 161px;
  opacity: 0.8;
  text-align: right;
  white-space: nowrap;
}

.community .frame-169 {
  align-items: center;
  display: flex;
  gap: 24px;
  margin-left: 1.0px;
  margin-top: 41px;
  position: relative;
  width: 1281px;
}

.community .frame-16-1 {
  align-items: flex-start;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid;
  border-color: var(--mulled-wine);
  border-radius: 24px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;
  justify-content: center;
  padding: 24px;
  position: relative;
}

.community .clean-water-initiative {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.community .innovative-qr-campai {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  opacity: 0.8;
  position: relative;
}

.community .non-profit-director {
  letter-spacing: 0;
  line-height: 24px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.community .frame-12 {
  align-items: flex-start;
  background-blend-mode: lighten;
  background-color: var(--purple-heart);
  border-radius: 1000px;
  box-shadow: 0px 0px 30px #ffffff40;
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
  height: 57px;
  left: 40px;
  padding: 2px 2px 0px;
  position: absolute;
  top: 251px;
}

.community .frame-7 {
  align-items: center;
  align-self: stretch;
  background: radial-gradient(50% 50% at 50% 50%, rgba(43, 33, 62, 1) 0%, rgba(16, 8, 33, 1) 100%);
  border: none;
  border-radius: 1000px;
  box-shadow: inset 0px 0px 10px #ffffff40;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 16px;
  position: relative;
  width: 100%;
}

.community .vector-3 {
  height: 16px;
  position: relative;
  width: 18px;
}

.community .winner-january-2025 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.community .interactive-art-tour {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.community .innovative-qr-campai-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  opacity: 0.8;
  position: relative;
}

.community .gallery-curator {
  letter-spacing: 0;
  line-height: 24px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.community .winner-january-2025-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.community .flex-row-1 {
  align-items: center;
  display: flex;
  gap: 808px;
  height: 42px;
  margin-left: 1.0px;
  margin-top: 119px;
  min-width: 1281px;
}

.community .community-creations {
  letter-spacing: 0;
  line-height: normal;
  min-height: 42px;
  min-width: 337px;
}

.community .frame-45 {
  align-items: center;
  background-color: var(--white-2);
  border-radius: 8px;
  display: inline-flex;
  gap: 8px;
  margin-top: 2.0px;
  padding: 8px 16px;
  position: relative;
}

.community .most-recent {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  width: fit-content;
}

.community .vector-4 {
  height: 7px;
  position: relative;
  width: 12px;
}

.community .frame-container-1 {
  margin-top: 41px;
}

.community .rectangle-14-1 {
  align-self: stretch;
  height: 200px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.community .frame-168-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 24px;
  position: relative;
  width: 100%;
}

.community .frame-container-2 {
  margin-top: 21px;
}

.community .overlap-group {
  height: 438px;
  margin-top: 108px;
  position: relative;
  width: 1440px;
}

.community .rectangle-4 {
  background: linear-gradient(179deg, rgba(30, 17, 59, 1) 0%, rgba(30, 17, 59, 0) 100%);
  height: 369px;
  left: 0;
  position: absolute;
  top: 69px;
  width: 1440px;
}

.community .pay-only-for-what-yo {
  left: 931px;
  letter-spacing: 0;
  line-height: 24px;
  opacity: 0.8;
  position: absolute;
  top: 219px;
  white-space: nowrap;
}

.community .frame-32 {
  align-items: center;
  background: linear-gradient(135deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
  border-radius: 32px;
  display: flex;
  justify-content: space-between;
  left: 189px;
  padding: 32px;
  position: absolute;
  top: 0;
  width: 1062px;
}

.community .frame-2-1 {
  align-items: center;
  background-color: var(--white);
  border: 1px solid;
  border-radius: 1000px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 12px 24px;
  position: relative;
}

.community .start-creating-free {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(135deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
  background-clip: text;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-fill-color: transparent;
  width: fit-content;
}

.community .frame-3-2 {
  border: 1px solid;
  border-color: var(--white);
}

.community .div-1 {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  left: 80px;
  min-width: 175px;
  position: absolute;
  top: 218px;
}

.community .frame-6 {
  align-items: center;
  align-self: center;
  display: flex;
  height: 20px;
  justify-content: center;
  position: relative;
  width: 22px;
}

.community .line-1 {
  top: 277px;
}

.community .line-3 {
  top: 365px;
}

.community .address-9 {
  letter-spacing: 0;
  line-height: 24px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.community .creative-user1-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.community .cyberpunk-city-at-night-9 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.community .div-2 {
  border: 0px none;
  height: 28px;
}

.community .frame-3-3 {
  align-items: center;
  border-radius: 1000px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 12px 24px;
  position: relative;
}

.community .frame-container-3 {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  height: 445px;
  margin-left: 1.0px;
  min-width: 1281px;
}

.community .line {
  height: 1px;
  left: 80px;
  object-fit: cover;
  position: absolute;
  width: 1280px;
}

.community .name-8 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.community .navbar-link {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
  z-index:1;
}

.community .navbar-link-inner {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    background: none;
}

.community .navbar-link-inner:hover, .home .navbar-link-inner.active {
    /*color: #c44af4;*/
    text-decoration: underline;
}

.community .number-5 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.community .view-workflow-11 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.community .x24k-scans-5 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}