.main-view-container {
  max-width: 34rem;
}

.background-image-class {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.description-container {
  min-height: 8rem;
}

.urban {
  background-image: url("/assets/digital_business_card/backgrounds/urban-600e0060.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.elegant {
  background-image: url("/assets/digital_business_card/backgrounds/elegant-188f4ac2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.profile-image-size {
  width: 9rem;
  height: 9rem;
}

.profile-image-container {
  width: 9rem;
  height: 9rem;
  margin-top: 9rem;
  margin-left: calc(50% - 4.5rem);
}

@media all and (min-width: 640px) {
  .profile-image-container {
    margin-top: 11rem;
  }
}

.profile-image-no-logo-container {
  width: 9rem;
  height: 9rem;
  margin-top: 3.5rem;
  margin-left: calc(50% - 4.5rem);
}

@media all and (min-width: 640px) {
  .profile-image-no-logo-container {
    margin-top: 6rem;
  }
}

.profile-image-background {
  width: 9rem;
  height: 9rem;
}

.contact-value {
  color: inherit;
  width: calc(100% - 6rem);
}

.high-res-logo {
  width: calc(100% - 3rem);
  height: calc(100% - 4rem);
}

.high-res-logo-with-profile {
  height: calc(100% - 6rem);
}

.last-item:last-child {
  padding-bottom: 4rem;
}

.gray-color {
  color: #6f7a8b;
}

.dark-button {
  background-color: #2B2B2B;
}