Spaces:
Runtime error
Runtime error
Isabel Gwara
commited on
Commit
·
25e486d
1
Parent(s):
8593eff
Update app.css
Browse files
app.css
CHANGED
@@ -4,44 +4,54 @@
|
|
4 |
margin: 10px;
|
5 |
padding: 5%;
|
6 |
}
|
|
|
7 |
ul {
|
8 |
display: inline-block;
|
9 |
text-align: left;
|
10 |
}
|
|
|
11 |
img {
|
12 |
display: block;
|
13 |
margin: auto;
|
14 |
}
|
|
|
15 |
.description {
|
16 |
text-align: center;
|
17 |
}
|
|
|
18 |
.gr-button {
|
19 |
display: block !important;
|
20 |
width: 100% !important;
|
21 |
background-color: #00EACD !important;
|
22 |
-
color: #
|
23 |
transition: all .2s ease-out 0s !important;
|
24 |
box-shadow: 0 10px #00AEAB !important;
|
25 |
border-radius: 10px !important;
|
26 |
}
|
|
|
27 |
.gr-button:hover {
|
28 |
box-shadow: 0 5px #00AEAB;
|
29 |
transform: translateY(5px);
|
30 |
}
|
|
|
31 |
.gr-button-primary {
|
32 |
color: black !important;
|
33 |
}
|
|
|
34 |
.selected {
|
35 |
background-color: #656bd6 !important;
|
36 |
}
|
|
|
37 |
.radio_item {
|
38 |
border-radius: 10px;
|
39 |
padding-left: 10px !important;
|
40 |
padding-right: 10px !important;
|
41 |
}
|
|
|
42 |
.radio_item:hover {
|
43 |
color: #656bd6 !important;
|
44 |
}
|
|
|
45 |
h1 {
|
46 |
background-image: url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif) !important;
|
47 |
background-size: cover !important;
|
@@ -53,39 +63,50 @@ h1 {
|
|
53 |
line-height: .75 !important;
|
54 |
margin: 10px 0 !important;
|
55 |
}
|
|
|
56 |
.panel_header {
|
57 |
color: black !important;
|
58 |
}
|
|
|
59 |
input {
|
60 |
background-color: #efeffa !important;
|
61 |
}
|
|
|
62 |
.acc, .feat {
|
63 |
background-color: #FF3399 !important
|
64 |
}
|
|
|
65 |
.prj {
|
66 |
background-color: #FFCE3B !important;
|
67 |
}
|
|
|
68 |
.data {
|
69 |
background-color: #ED6800 !important;
|
70 |
}
|
|
|
71 |
.ethics {
|
72 |
background-color: #3EE6F9 !important;
|
73 |
}
|
|
|
74 |
.team {
|
75 |
background-color: #9581EF !important;
|
76 |
}
|
|
|
77 |
.model-container {
|
78 |
display: flex;
|
79 |
flex-direction: column;
|
80 |
justify-content: center;
|
81 |
}
|
|
|
82 |
.spacer {
|
83 |
display: flex;
|
84 |
justify-content: center;
|
85 |
}
|
|
|
86 |
.model-div {
|
87 |
width: 45%;
|
88 |
}
|
|
|
89 |
@media screen and (max-width: 700px) {
|
90 |
.model-container {
|
91 |
flex-wrap: wrap;
|
|
|
4 |
margin: 10px;
|
5 |
padding: 5%;
|
6 |
}
|
7 |
+
|
8 |
ul {
|
9 |
display: inline-block;
|
10 |
text-align: left;
|
11 |
}
|
12 |
+
|
13 |
img {
|
14 |
display: block;
|
15 |
margin: auto;
|
16 |
}
|
17 |
+
|
18 |
.description {
|
19 |
text-align: center;
|
20 |
}
|
21 |
+
|
22 |
.gr-button {
|
23 |
display: block !important;
|
24 |
width: 100% !important;
|
25 |
background-color: #00EACD !important;
|
26 |
+
color: #000000;
|
27 |
transition: all .2s ease-out 0s !important;
|
28 |
box-shadow: 0 10px #00AEAB !important;
|
29 |
border-radius: 10px !important;
|
30 |
}
|
31 |
+
|
32 |
.gr-button:hover {
|
33 |
box-shadow: 0 5px #00AEAB;
|
34 |
transform: translateY(5px);
|
35 |
}
|
36 |
+
|
37 |
.gr-button-primary {
|
38 |
color: black !important;
|
39 |
}
|
40 |
+
|
41 |
.selected {
|
42 |
background-color: #656bd6 !important;
|
43 |
}
|
44 |
+
|
45 |
.radio_item {
|
46 |
border-radius: 10px;
|
47 |
padding-left: 10px !important;
|
48 |
padding-right: 10px !important;
|
49 |
}
|
50 |
+
|
51 |
.radio_item:hover {
|
52 |
color: #656bd6 !important;
|
53 |
}
|
54 |
+
|
55 |
h1 {
|
56 |
background-image: url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif) !important;
|
57 |
background-size: cover !important;
|
|
|
63 |
line-height: .75 !important;
|
64 |
margin: 10px 0 !important;
|
65 |
}
|
66 |
+
|
67 |
.panel_header {
|
68 |
color: black !important;
|
69 |
}
|
70 |
+
|
71 |
input {
|
72 |
background-color: #efeffa !important;
|
73 |
}
|
74 |
+
|
75 |
.acc, .feat {
|
76 |
background-color: #FF3399 !important
|
77 |
}
|
78 |
+
|
79 |
.prj {
|
80 |
background-color: #FFCE3B !important;
|
81 |
}
|
82 |
+
|
83 |
.data {
|
84 |
background-color: #ED6800 !important;
|
85 |
}
|
86 |
+
|
87 |
.ethics {
|
88 |
background-color: #3EE6F9 !important;
|
89 |
}
|
90 |
+
|
91 |
.team {
|
92 |
background-color: #9581EF !important;
|
93 |
}
|
94 |
+
|
95 |
.model-container {
|
96 |
display: flex;
|
97 |
flex-direction: column;
|
98 |
justify-content: center;
|
99 |
}
|
100 |
+
|
101 |
.spacer {
|
102 |
display: flex;
|
103 |
justify-content: center;
|
104 |
}
|
105 |
+
|
106 |
.model-div {
|
107 |
width: 45%;
|
108 |
}
|
109 |
+
|
110 |
@media screen and (max-width: 700px) {
|
111 |
.model-container {
|
112 |
flex-wrap: wrap;
|