Hugging Face's logo

Spaces:
thejagstudio
/
LyricGen
Running

App Files Community
thejagstudio commited on
Commit
0966822
·
verified ·
1 Parent(s): 88154b1

Update static/simple.css

Browse files
Files changed (1) hide show
  1. static/simple.css +86 -84
static/simple.css CHANGED
@@ -1,85 +1,87 @@
1
- body {
2
- font-family: 'Inter', sans-serif;
3
- }
4
-
5
- .dropzone {
6
- border: 2px dashed #e5e7eb;
7
- border-radius: 0.5rem;
8
- transition: all 0.3s ease;
9
- }
10
-
11
- .dropzone:hover,
12
- .dropzone.dragover {
13
- border-color: #3b82f6;
14
- background-color: rgba(59, 130, 246, 0.05);
15
- }
16
-
17
- .pulse {
18
- animation: pulse 2s infinite;
19
- }
20
-
21
- @keyframes pulse {
22
- 0% {
23
- box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);
24
- }
25
-
26
- 70% {
27
- box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
28
- }
29
-
30
- 100% {
31
- box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
32
- }
33
- }
34
-
35
- .glass-morphism {
36
- background: rgba(255, 255, 255, 0.7);
37
- backdrop-filter: blur(10px);
38
- -webkit-backdrop-filter: blur(10px);
39
- border: 1px solid rgba(255, 255, 255, 0.18);
40
- }
41
-
42
- .gtitlev3 {
43
- padding-top: 0.25rem;
44
- padding-bottom: 0.25rem;
45
- padding-left: 0.5rem;
46
- padding-right: 0.5rem;
47
- margin-bottom: 0.75rem;
48
- border-radius: 0.375rem;
49
- font-size: 1.5rem;
50
- line-height: 2rem;
51
- font-weight: 700;
52
- text-align: center;
53
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
54
- background-color: rgb(255 248 220);
55
- }
56
-
57
- .chend {
58
- padding-left: 1.25rem;
59
- padding-right: 1.25rem;
60
- margin-top: 0.75rem;
61
- border-radius: 0.375rem;
62
- width: fit-content;
63
- height: 1.5rem;
64
- font-size: 1.875rem;
65
- line-height: 2.25rem;
66
- font-weight: 700;
67
- text-align: center;
68
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
69
- color: rgb(49 71 91);
70
- background-color: rgb(255 248 220);
71
- }
72
-
73
- .gpara {
74
- font-weight: 600;
75
- color: rgb(49 71 91)
76
- /* #31475b */
77
- ;
78
- }
79
-
80
- .gparabhajan3 {
81
- font-weight: 600;
82
- color: rgb(49 71 91)
83
- /* #31475b */
84
- ;
 
 
85
  }
 
1
+ @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
2
+
3
+ body {
4
+ font-family: 'Inter', sans-serif;
5
+ }
6
+
7
+ .dropzone {
8
+ border: 2px dashed #e5e7eb;
9
+ border-radius: 0.5rem;
10
+ transition: all 0.3s ease;
11
+ }
12
+
13
+ .dropzone:hover,
14
+ .dropzone.dragover {
15
+ border-color: #3b82f6;
16
+ background-color: rgba(59, 130, 246, 0.05);
17
+ }
18
+
19
+ .pulse {
20
+ animation: pulse 2s infinite;
21
+ }
22
+
23
+ @keyframes pulse {
24
+ 0% {
25
+ box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);
26
+ }
27
+
28
+ 70% {
29
+ box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
30
+ }
31
+
32
+ 100% {
33
+ box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
34
+ }
35
+ }
36
+
37
+ .glass-morphism {
38
+ background: rgba(255, 255, 255, 0.7);
39
+ backdrop-filter: blur(10px);
40
+ -webkit-backdrop-filter: blur(10px);
41
+ border: 1px solid rgba(255, 255, 255, 0.18);
42
+ }
43
+
44
+ .gtitlev3 {
45
+ padding-top: 0.25rem;
46
+ padding-bottom: 0.25rem;
47
+ padding-left: 0.5rem;
48
+ padding-right: 0.5rem;
49
+ margin-bottom: 0.75rem;
50
+ border-radius: 0.375rem;
51
+ font-size: 1.5rem;
52
+ line-height: 2rem;
53
+ font-weight: 700;
54
+ text-align: center;
55
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
56
+ background-color: rgb(255 248 220);
57
+ }
58
+
59
+ .chend {
60
+ padding-left: 1.25rem;
61
+ padding-right: 1.25rem;
62
+ margin-top: 0.75rem;
63
+ border-radius: 0.375rem;
64
+ width: fit-content;
65
+ height: 1.5rem;
66
+ font-size: 1.875rem;
67
+ line-height: 2.25rem;
68
+ font-weight: 700;
69
+ text-align: center;
70
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
71
+ color: rgb(49 71 91);
72
+ background-color: rgb(255 248 220);
73
+ }
74
+
75
+ .gpara {
76
+ font-weight: 600;
77
+ color: rgb(49 71 91)
78
+ /* #31475b */
79
+ ;
80
+ }
81
+
82
+ .gparabhajan3 {
83
+ font-weight: 600;
84
+ color: rgb(49 71 91)
85
+ /* #31475b */
86
+ ;
87
  }