Isabel Gwara commited on
Commit
25e486d
·
1 Parent(s): 8593eff

Update app.css

Browse files
Files changed (1) hide show
  1. app.css +22 -1
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: #000;
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;