responsive!

2017-03-31 16:33:27 +02:00
parent 4d6f5fccfb
commit 307bf972bc
2 changed files with 31 additions and 1 deletions
--- a/style.css
+++ b/style.css
@@ -20,6 +20,13 @@ body {
  padding-top: 3em;
  display: none;
 }
+p {
+  text-indent: -2em;
+  margin: 0;
+}
+.paragraph {
+  margin-top: 1em;
+}
 #bottom {
  position: absolute;
  bottom: 10px;
@@ -31,3 +38,21 @@ body {
  padding: 10px;
  cursor: pointer;
 }
+@media all and (max-device-width: 1000px) {
+  .poem {
+    font-size: 40px;
+    padding-left: 3em;
+  }
+  #bottom {
+    margin-left: calc(50vw - 185px);
+    border-top: 10px solid;
+  }
+  .nav {
+    font-size: 170px;
+  }
+}
+@media all and (max-width: 1000px) {
+  .poem {
+    padding-left: 3em;
+  }
+}