|
|
@@ -8,7 +8,9 @@
|
|
|
* { margin: 0; padding: 0; font-size: 1.05em; }
|
|
|
body { margin: 50px 100px; }
|
|
|
header { margin-bottom: 50px; }
|
|
|
+header a { font-style: normal; color: black; padding: 0; }
|
|
|
footer { margin-top: 50px; }
|
|
|
+footer.page-footer { clear: both; padding-top: 75px; text-align: center; }
|
|
|
h1 { display: inline-block; padding: 25px; margin: 10px 0; background-color: #D3B3A5; color: black; font-weight: bold; font-size: 2.5rem; font-family: bacon; }
|
|
|
h2 { color: #D3B3A5; font-weight: bold; font-size: 1.7rem; font-family: bacon; }
|
|
|
h3 { color: #EDD6CB; font-weight: bold; font-size: 1.25rem; font-family: bacon; }
|
|
|
@@ -23,10 +25,14 @@ img { max-width: 100%; }
|
|
|
.article-footer { text-align: center; }
|
|
|
|
|
|
.alert { background: #EDD6CB; border: 1px solid #D3B3A5; margin: 0 0 30px 0; padding: 10px 25px; border-radius: 5px; }
|
|
|
+.input-group { margin: 10px 0; }
|
|
|
.input-group span { display: inline-block; width: 250px; }
|
|
|
+input[type="submit"] { display: inline-block; margin: 10px 0; padding: 10px; border: none; background-color: #D3B3A5; color: white; font-family: bacon; }
|
|
|
|
|
|
@media screen and (max-width: 1024px) {
|
|
|
body { margin: 0 10px 50px 10px; text-align: center; }
|
|
|
.section { display: block; width: 100%; margin: 15px 0; float: none; }
|
|
|
+ .input-group { text-align: left; }
|
|
|
+ .input-group span { width: 100%; }
|
|
|
}
|
|
|
|