└── README.md


/README.md:
--------------------------------------------------------------------------------
 1 | # Google-Shortcut
 2 |     @keyframes fadeInBg {
 3 |         from {
 4 |             opacity: 0;
 5 |         }
 6 |         to {
 7 |             opacity: 1;
 8 |         }
 9 |     }
10 | 
11 |     .container {
12 |         text-align: center;
13 |         background-color: white;
14 |         padding: 40px;
15 |         border-radius: 20px;
16 |         box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
17 |         animation: slideIn 1.5s ease-in-out;
18 |     }
19 | 
20 |     @keyframes slideIn {
21 |         from {
22 |             transform: translateY(-50px);
23 |             opacity: 0;
24 |         }
25 |         to {
26 |             transform: translateY(0);
27 |             opacity: 1;
28 |         }
29 |     }
30 | 
31 |     h1 {
32 |         color: #4285f4;
33 |         font-size: 3rem;
34 |         margin-bottom: 20px;
35 |         animation: bounceText 1.5s infinite;
36 |     }
37 | 
38 |     @keyframes bounceText {
39 |         0%, 100% {
40 |             transform: translateY(0);
41 |         }
42 |         50% {
43 |             transform: translateY(-10px);
44 |         }
45 |     }
46 | 
47 |     input {
48 |         width: 300px;
49 |         padding: 15px;
50 |         font-size: 1.2rem;
51 |         border-radius: 10px;
52 |         border: 2px solid #ddd;
53 |         margin-bottom: 20px;
54 |         outline: none;
55 |         transition: border-color 0.3s;
56 |     }
57 | 
58 |     input:focus {
59 |         border-color: #4285f4;
60 |     }
61 | 
62 |     button {
63 |         background-color: #4285f4;
64 |         color: white;
65 |         padding: 15px 30px;
66 |         font-size: 1.2rem;
67 |         border: none;
68 |         border-radius: 10px;
69 |         cursor: pointer;
70 |         transition: transform 0.3s, background-color 0.3s;
71 |     }
72 | 
73 |     button:hover {
74 |         background-color: #357ae8;
75 |         transform: scale(1.1);
76 |     }
77 | 
78 |     button:active {
79 |         transform: scale(0.95);
80 |     }
81 | </style>
82 | 


--------------------------------------------------------------------------------