:root {
    --purple-main: #db06ce;
    --purple-background: #64005e;
    --purple-dark: #7e3766;
    --whiteish: #FAFAFA;
}

.blueish {
    color: #3a5f9e;
    font-weight: bold;
}

.purple-main-link {
    color: var(--whiteish);
    background-color: var(--purple-main);
}

.purple-main-link:hover {
    background-color: var(--purple-background);
    color: #ffffff;
}

#sitename {
    color: var(--whiteish);
    transition: 0.7s;
}

#sitename:hover {
    color: var(--purple-main);
}

#hero {
    color: #444444;
}

#hero i.bi-balloon-heart {
    color: var(--purple-main);
}

#heroLink {
    border: 2px solid #3a5f9e;
    background-color: #3a5f9e;
    color: #FAFAFA;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.192);
    transition: 0.5s;
}

#heroLink:hover {
    border: 2px solid #3a5f9e;
    background-color: transparent;
    color: #3a5f9e;
    box-shadow: none;
}

.about .fw-bolder {
    color: #3a5f9e !important;
    font-size: 20px;
}

.ok-list li {
    position: relative;
    font-weight: bold;
}

.ok-list li::before {
    content: '👉';
}

.services .container h3, .services .container h4 {
    color: #383838;
}

.services-list-item {
    margin-left: 14px !important;
}

.bi-check2-circle {
    color: #2359b6 !important;
}

#nails h4, #nails h3 {
    color: #383838;
}

#nails .fw-bold {
    color: #3a5f9e;
}

.faq-container {
    padding-top: 0 !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.faq-item h3 {
    font-size: 20px;
}

.services {
    --background-color: color-mix(in srgb, #ff00aa0a , transparent 90%);
    padding: 12px 0;
  }

  .services .fw-bold {
    color: #3a5f9e;
  }

  #contact {
    min-height: 70vh;
  }

  #contact .info-item {
    /* background-color: rgba(219, 6, 205, 0.062); */
    color: #1a1a1a;
    display: flex;
    flex-direction: column;
    justify-content:space-evenly;
    align-items: center;
    /* padding: 30px 0 */
    height: 100%;
    border: 1px solid #3a5f9e65;
  }

  footer p {
    margin-bottom: 0;
  }

/* #pic2 {
    position: absolute;
    top: 25%;
    right: 20%;
    width: 100%;
    max-width: 300px;
    height: auto;
    z-index: -1;
}

#pictureFrame {
    position: relative;
} */