Hugging Face's logo

Spaces:
mgbam
/
builder
Sleeping

App Files Community
mgbam commited on
Commit
de88028
·
verified ·
1 Parent(s): 03bbb65

Create style.css

Browse files
Files changed (1) hide show
  1. style.css +74 -0
style.css ADDED
@@ -0,0 +1,74 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* style.css */
2
+ :root {
3
+ font-size: 16px;
4
+ }
5
+
6
+ body {
7
+ margin: 0;
8
+ font-family: Arial, sans-serif;
9
+ line-height: 1.5;
10
+ color: #333;
11
+ background-color: #f9f9f9;
12
+ }
13
+
14
+ header {
15
+ background-color: #005fcc;
16
+ color: #fff;
17
+ padding: 1rem;
18
+ text-align: center;
19
+ }
20
+
21
+ .container {
22
+ max-width: 600px;
23
+ margin: 2rem auto;
24
+ padding: 0 1rem;
25
+ }
26
+
27
+ label {
28
+ display: block;
29
+ margin-bottom: 0.5rem;
30
+ font-weight: bold;
31
+ }
32
+
33
+ textarea {
34
+ width: 100%;
35
+ padding: 0.5rem;
36
+ border: 1px solid #ccc;
37
+ border-radius: 4px;
38
+ resize: vertical;
39
+ }
40
+
41
+ button {
42
+ margin-top: 1rem;
43
+ padding: 0.75rem 1.5rem;
44
+ border: none;
45
+ border-radius: 4px;
46
+ background-color: #005fcc;
47
+ color: #fff;
48
+ font-size: 1rem;
49
+ cursor: pointer;
50
+ }
51
+
52
+ button:disabled {
53
+ background-color: #7da4d9;
54
+ cursor: not-allowed;
55
+ }
56
+
57
+ button:focus-visible {
58
+ outline: 3px solid #ffbf47;
59
+ }
60
+
61
+ #result {
62
+ margin-top: 1.5rem;
63
+ padding: 1rem;
64
+ background-color: #fff;
65
+ border: 1px solid #ddd;
66
+ border-radius: 4px;
67
+ }
68
+
69
+ @media (max-width: 480px) {
70
+ button {
71
+ width: 100%;
72
+ }
73
+ }
74
+ ```