/* --------------------------------------------- */
/* ---------- STYLING TILL PDF-LINK ------------ */
/* --------------------------------------------- */

.pdf-link {
    color: white;
    text-decoration: none;
    display: flex;
    justify-self: center;
    padding-top: 2%;
    padding-bottom: 2%;
    border-top: 1px solid var(--Tangerine);
    border-bottom: 1px solid var(--Tangerine);
    margin-top: 15%;
    font-weight: 500;
}

.pdf-link:hover {
  font-weight: 600;
  color: var(--Tangerine);
  border-top: 1px solid var(--White);
  border-bottom: 1px solid var(--White);
}



/* --------------------------------------------- */
/* --------------- FOOTER-PICS ----------------- */
/* --------------------------------------------- */


.dev-h3 {
    text-align: center;
    padding: 10% 0 5% 0;
    font-size: 1.2rem;
}

.dev-pics-row-1 {
  display: flex;
  justify-content: center;
}

.dev-pics-row-2 {
  display: flex;
  justify-content: center;
}

.dev-pics .dev-circle {
  width: 18vw;
  aspect-ratio: 1/1;
  border-radius: 50%;
  margin: 0 2vw 0 2vw;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.dev-pics img {
  width: 100%;
  object-fit: fill;
  opacity: 0.7;
}


#dev-orange { background-color: var(--Tangerine);}

#dev-green { background-color: var(--Emerald);}

#dev-pink { background-color: var(--Bittersweet);}

#dev-blue { background-color: var(--Blue-gray);}

#dev-purple { background-color: var(--Chrysler-blue);}

#dev-yellow { background-color: var(--Mustard);}

#dev-red { background-color: var(--Persian-red);}


/* --------------------------------------------- */
/* ----------------- DESKTOP ------------------- */
/* --------------------------------------------- */


@media (width > 800px) {

  .dev-h3 {
    padding-bottom: 2%;
  }

  .dev-pics {
    display: flex;
    justify-content: center;
  }

  .dev-pics .dev-circle {
  width: 6vw;
  margin: 0 1vw 0 1vw;
  }

  .dev-pics img:hover {
    opacity: 1;
    cursor: pointer;
  }

  .dev-pics .dev-circle:hover {
    transform: scale(1.05);
  }

}