@tailwind base;
@tailwind components;
@tailwind utilities;


/* Style all font awesome icons */
.fa {
    padding: 1rem;
    font-size: 2rem;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
  }

  .fa-small {
    padding: 0.5rem;
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
  }
  
  /* Add a hover effect if you want */
  .fa:hover {
    opacity: 0.7;
  }
  

.fa-linkedin {
    background: #007bb5;
    color: white;
}

.linkedin-button {
  background: #007bb5;
  color: white;
}

.bg-linkedin {
  background: #007bb5;
}

.bg-substack {
  background: #FFA500; 
}


.substack-button {
  background: #FFA500; 
}

.fa-threads {
    background: black;
    color: white;
}