Hugging Face's logo

Spaces:
Swathi6
/
Robbin
Sleeping

App Files Community
Swathi6 commited on
Commit
12284aa
·
verified ·
1 Parent(s): 94ae06b

Create styles.css

Browse files
Files changed (1) hide show
  1. styles.css +64 -0
styles.css ADDED
@@ -0,0 +1,64 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ body {
2
+ font-family: Arial, sans-serif;
3
+ background-color: #f4f4f9;
4
+ display: flex;
5
+ justify-content: center;
6
+ align-items: center;
7
+ height: 100vh;
8
+ margin: 0;
9
+ }
10
+
11
+ .chat-container {
12
+ width: 400px;
13
+ height: 500px;
14
+ background-color: #fff;
15
+ border-radius: 10px;
16
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
17
+ display: flex;
18
+ flex-direction: column;
19
+ }
20
+
21
+ .chat-box {
22
+ flex: 1;
23
+ padding: 20px;
24
+ overflow-y: auto;
25
+ border-bottom: 2px solid #eee;
26
+ }
27
+
28
+ .user-input {
29
+ width: calc(100% - 80px);
30
+ padding: 10px;
31
+ border: 1px solid #ccc;
32
+ border-radius: 5px;
33
+ margin: 10px;
34
+ font-size: 14px;
35
+ }
36
+
37
+ .send-button {
38
+ padding: 10px 20px;
39
+ background-color: #5cb85c;
40
+ color: white;
41
+ border: none;
42
+ border-radius: 5px;
43
+ cursor: pointer;
44
+ }
45
+
46
+ .send-button:hover {
47
+ background-color: #4cae4c;
48
+ }
49
+
50
+ .bot-message {
51
+ background-color: #e2e2e2;
52
+ padding: 10px;
53
+ border-radius: 10px;
54
+ margin-bottom: 10px;
55
+ }
56
+
57
+ .user-message {
58
+ background-color: #5cb85c;
59
+ color: white;
60
+ padding: 10px;
61
+ border-radius: 10px;
62
+ margin-bottom: 10px;
63
+ text-align: right;
64
+ }