body {
      transition: background-color 0.3s, color 0.3s;
    }

    a {
      text-decoration: none;
    }    

    .hero {
      background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);
      color: white;
      padding: 100px 0;
      transition: background 0.5s;
    }

    .card {
      transition: transform 0.3s ease, box-shadow 0.3s;
    }

    .card:hover {
      transform: scale(1.03);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    }

    .skills-icon {
      font-size: 2.5rem;
      transition: transform 0.3s;
    }

    .skills-icon:hover {
      transform: scale(1.2) rotate(10deg);
    }

    .theme-toggle {
      position: absolute;
      top: 1rem;
      right: 1rem;
    }
    
    #btn-back-to-top {
        position: fixed;
        bottom: 20px;
        right: 20px;
        display: none;
    }