* DEALINGS IN THE SOFTWARE.
*/
-* {
- padding: 0;
- margin: 0;
-}
-
body {
- font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
- font-size: .8em;
-
- padding: .2em;
-
width: 36em;
}
-ol {
+ol, ul {
list-style-type: none;
}
font-weight: bold;
}
-li input {
+li input, li .input {
+ display: inline-block;
padding: .3em;
width: 22em;
font-size: 1em;
button {
font-size: 1em;
padding: .5em 1.0em;
+ margin: .5em;
float: right;
background-color: #CECECE;
border-color: rgb(15, 74, 169);
}
+hr {
+ background-color: #CCCCCC;
+ border: none;
+ height: .1em;
+ margin: 1em .5em;
+}
+
.clear {
clear: both;
}
+
+@media screen and (max-width: 450px) {
+ body {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ font-size: 1.1em;
+ }
+
+ li {
+ margin-bottom: 1.4em;
+ }
+
+ li input, li .input {
+ display: block;
+ width: 100%;
+ box-sizing: border-box;
+ }
+
+ li label {
+ text-align: left;
+ color: hsl(0, 0%, 23%);
+ }
+
+ li button {
+ float: none;
+ width: 100%;
+ margin: 0;
+ }
+
+ hr {
+ display: none;
+ }
+}