.col {
    background-color: #333; 
    color: white; 
    border: 1px solid white; 
    padding: 20px;
  }

  .btn-primary {
    background-color: #3aafa9;
    border: none;
}

.btn-primary:hover {
    background-color: #2b7a78;
}

.bi {
    font-size: 2rem;
    color: white;
}

.bi:hover {
    color: #3aafa9;
}

.social-icons {
    margin-top: 2rem; 
}

.social-icons a {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    color: rgba(255, 255, 255, 0.5); 
    transition: color 0.3s ease, transform 0.3s ease; 
    margin: 0 8px; 
}

.social-icons a:hover {
    color: white; 
    transform: scale(1.1); 
}

.overview {
    margin-top: 1rem; 
    font-size: 1.25rem; 
}