/* -- SOCIAL -- */
.social-links,.flex-center {
    display: flex;
    justify-content: left;
    align-items:top;

    margin-left: 0.2rem;
    max-width: 300px;
    /* border: 2px solid green; */
  }
  
  .social-btn {
    cursor: pointer;
    height: clamp(30px, 5vw, 2rem);
    width: clamp(30px, 5vw, 2rem);
    font-family: 'Titillium Web', sans-serif;
    color: white;
    border-radius: var(--corner-radius);
    /* box-shadow: 0px 10px 10px rgba(0,0,0,0.1); */
    padding: 0.4rem;

    margin: 5px;
    margin-left: 0px;
    margin-right: 1rem;

    transition: 0.3s;
    justify-content: center;

    border: 2px solid transparent;

    transition: transform 0.15s ease-in-out;
  }

  .social-btn img {
    height: fit-content;
    width: fit-content;
    filter: brightness(0) invert(1);
  }
  
  .social-btn:hover {
    transform: translateY(-2px); /* Slight "lift" */
    border: 2px solid rgba(255, 255, 255, 0.7);
  }
  .social-btn:active {
    transform: translateY(0px);
  }
  
  /* linkedIn */
  #linkedin {
    background-color: var(--social-linkedin);
  }
  
  /* github */
  #github {
    background-color: var(--git-color2);
  }

  /* phone */
  #phone {
    background-color: rgb(20, 155, 20);
  }

  /* email */
  #email {
    background-color: var(--demo-color);
  }