Hugging Face's logo

Spaces:
Leonydis137
/
Autonomous-AI
Runtime error

App Files Community
Leonydis137 commited on
Commit
5eb71f8
·
verified ·
1 Parent(s): faf0927

Create style.css

Browse files
Files changed (1) hide show
  1. style.css +111 -0
style.css ADDED
@@ -0,0 +1,111 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ body {
2
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
3
+ background: linear-gradient(135deg, #1a2a6c, #b21f1f, #fdbb2d);
4
+ color: #333;
5
+ margin: 0;
6
+ padding: 20px;
7
+ min-height: 100vh;
8
+ }
9
+
10
+ .container {
11
+ max-width: 1200px;
12
+ margin: 0 auto;
13
+ background: rgba(255, 255, 255, 0.92);
14
+ border-radius: 15px;
15
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
16
+ padding: 30px;
17
+ }
18
+
19
+ h1 {
20
+ color: #2c3e50;
21
+ text-align: center;
22
+ margin-bottom: 30px;
23
+ font-size: 2.5rem;
24
+ text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
25
+ }
26
+
27
+ .input-group {
28
+ margin-bottom: 25px;
29
+ }
30
+
31
+ textarea, input[type="text"] {
32
+ width: 100%;
33
+ padding: 15px;
34
+ border: 2px solid #3498db;
35
+ border-radius: 10px;
36
+ font-size: 1.1rem;
37
+ transition: border-color 0.3s;
38
+ }
39
+
40
+ textarea:focus, input[type="text"]:focus {
41
+ border-color: #e74c3c;
42
+ outline: none;
43
+ box-shadow: 0 0 10px rgba(231, 76, 60, 0.3);
44
+ }
45
+
46
+ button {
47
+ background: #3498db;
48
+ color: white;
49
+ border: none;
50
+ padding: 15px 30px;
51
+ font-size: 1.2rem;
52
+ border-radius: 10px;
53
+ cursor: pointer;
54
+ transition: all 0.3s;
55
+ font-weight: bold;
56
+ display: block;
57
+ margin: 20px auto;
58
+ width: 50%;
59
+ }
60
+
61
+ button:hover {
62
+ background: #2980b9;
63
+ transform: translateY(-3px);
64
+ box-shadow: 0 5px 15px rgba(0,0,0,0.2);
65
+ }
66
+
67
+ .output-section {
68
+ background: #f8f9fa;
69
+ border-radius: 10px;
70
+ padding: 20px;
71
+ margin-top: 20px;
72
+ border-left: 5px solid #3498db;
73
+ }
74
+
75
+ h2 {
76
+ color: #2c3e50;
77
+ border-bottom: 2px solid #3498db;
78
+ padding-bottom: 10px;
79
+ margin-top: 0;
80
+ }
81
+
82
+ pre {
83
+ background: #2c3e50;
84
+ color: #ecf0f1;
85
+ padding: 15px;
86
+ border-radius: 8px;
87
+ overflow-x: auto;
88
+ }
89
+
90
+ .status-indicator {
91
+ display: inline-block;
92
+ width: 15px;
93
+ height: 15px;
94
+ border-radius: 50%;
95
+ margin-right: 10px;
96
+ }
97
+
98
+ .status-active {
99
+ background-color: #2ecc71;
100
+ }
101
+
102
+ .status-completed {
103
+ background-color: #3498db;
104
+ }
105
+
106
+ .session-info {
107
+ background: #e3f2fd;
108
+ padding: 15px;
109
+ border-radius: 8px;
110
+ margin-top: 15px;
111
+ }