.card {
    margin: 0 auto; 
    float: none; 
    border-radius: 30px !important;
    color:white;
}

.main-icon {
    font-size: 100px;
}

.animate-card {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* Zvýšené zaoblení */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background: linear-gradient(145deg, #7c3dbd, #5d2290);
    max-width: 24rem; /* Zvýšená šířka */
  }
  
  .card-header {
    padding: 20px; /* Větší odsazení */
    font-size: 1.5rem; /* Zvýšené písmo pro hlavičku */
    background: linear-gradient(145deg, rgba(127, 50, 175, 0.8), rgba(85, 25, 117, 0.8));
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    padding: 40px; /* Větší vnitřní odsazení */
  }
  
  .card-body {
    padding: 25px; /* Zvýšené odsazení pro obsah */
    font-size: 1.2rem; /* Větší text */
    background: linear-gradient(145deg, rgba(127, 50, 175, 0.2), rgba(85, 25, 117, 0.2));
    border-radius: 10px;
    color: #e4d9f5;
  }
  
  .card-footer {
    padding: 15px; /* Větší odsazení */
    font-size: 1rem;
    background: linear-gradient(145deg, rgba(127, 50, 175, 0.2), rgba(85, 25, 117, 0.2));
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    color: #e4d9f5;
  }
  
  .btn-white {
    font-size: 3rem; /* Větší tlačítko */
    padding: 10px 20px; /* Zvýšené odsazení uvnitř tlačítka */
    background: linear-gradient(145deg, #8b4abf, #6f2da8);
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  
  .btn-white:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }

  .navbar {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background: linear-gradient(145deg, #7c3dbd, #5d2290);
  }