img.zoom:hover {
    transform: scale(2.1);
    transition: transform 0.9s ease;
  }
button.color-change {
    background-color: #444;
    color: #fff;
    transition: background-color 0.4s ease;
} 
  button.color-change:hover {
    background-color: #888;
}

.centered-text:hover {
    transform: rotate(10000000000000deg);
    transition: transform 1s;
  }

  body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #111;
    color: #fff;
  }
  
  .card {
    background-color: #222;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    width: 300px;
    transition: box-shadow 0.4s ease-in-out;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
  }
  
  .card:hover {
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.6);
  }

.sigma:hover {
  color: aqua; 
}
div {
  transition:color 2s;
}

.dank:hover {
  transform: scale(2.1);
  transition: transform 0.9s ease;
}