Update style.css
Browse files
style.css
CHANGED
@@ -123,12 +123,19 @@ body {
|
|
123 |
color: white;
|
124 |
cursor: pointer;
|
125 |
padding: 12px 20px;
|
126 |
-
border-radius:
|
127 |
border: none;
|
128 |
font-size: 20px;
|
129 |
margin: 10px 0;
|
130 |
height: 50px;
|
131 |
width: 50px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
132 |
}
|
133 |
|
134 |
#swap-btn:hover {
|
@@ -162,6 +169,8 @@ body {
|
|
162 |
padding: 30px 20px;
|
163 |
margin-top: 20px;
|
164 |
text-align: center;
|
|
|
|
|
165 |
}
|
166 |
|
167 |
.how-to-use h2 {
|
|
|
123 |
color: white;
|
124 |
cursor: pointer;
|
125 |
padding: 12px 20px;
|
126 |
+
border-radius: 50%; /* Make it round */
|
127 |
border: none;
|
128 |
font-size: 20px;
|
129 |
margin: 10px 0;
|
130 |
height: 50px;
|
131 |
width: 50px;
|
132 |
+
display: flex;
|
133 |
+
justify-content: center;
|
134 |
+
align-items: center;
|
135 |
+
}
|
136 |
+
|
137 |
+
#swap-btn i {
|
138 |
+
font-size: 24px;
|
139 |
}
|
140 |
|
141 |
#swap-btn:hover {
|
|
|
169 |
padding: 30px 20px;
|
170 |
margin-top: 20px;
|
171 |
text-align: center;
|
172 |
+
display: flex;
|
173 |
+
justify-content: center;
|
174 |
}
|
175 |
|
176 |
.how-to-use h2 {
|