body {
    font-family: Arial, sans-serif; 
    display: flex;
    flex-direction: column; 
    align-items: center;      
    justify-content: center;  
    
    height: 100vh;            
    margin: 0;
}

.img-style {
    width: 400px; 
    height: auto;
    margin-bottom: 20px;      
    border-radius: 10px;      
}

.google-sans-text {
    font-family: "Google Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;        
    font-style: normal;
    font-variation-settings: "GRAD" 0;
    
    color: #333;              
}

.rainbow-hover .word {
  display: inline-block;
  transition: color 600ms ease-out, transform 160ms ease;
  will-change: color, transform;
}

.rainbow-hover .word:hover {
  animation: rainbow 800ms linear infinite;
  transform: translateY(-1px) scale(1.03);
  transition: color 80ms linear, transform 160ms ease;
}

@keyframes rainbow {
  0%   { color: #ff0000; } /* red */
  16%  { color: #ff7a00; } /* orange */
  33%  { color: #ffd000; } /* yellow */
  50%  { color: #00c853; } /* green */
  66%  { color: #00b0ff; } /* blue */
  83%  { color: #7c4dff; } /* indigo */
  100% { color: #ff0000; } /* back to red */
}