Layout

style.css

@@ -95,7 +95,8 @@ a.fullview {
   text-decoration: none;
 }
 .fullview > div {
-  font-size: 1.2em;
+  font-size: 1.4em;
+  line-height: 1;
   max-height: 100%;
   max-width: 75vh;
   background-color: #006680;
@@ -107,18 +108,32 @@ a.fullview {
   display: flex;
   flex-direction: column;
 }
+@media (max-width: 30em) {
+  .fullview > div {
+    padding: 0.5em;
+  }
+}
+
 .fullview > div img {
   float: right;
-  width: 7em;
-  height: 7em;
-  border-radius: 7em;
+  width: 6em;
+  height: 6em;
+  border-radius: 6em;
   border: 3px solid #1a1c1c;
   margin-bottom: 1em;
+  box-sizing: border-box;
 }
 
-h1, .desc {
+header {
   font-family: "Fell Sc";
-  margin-left: 0.5rem;
+}
+
+h1 {
+  margin: 1.4rem 0.5rem 0.5em;
+}
+
+.desc {
+  margin: 1em 0.5rem;
 }
 
 /* This wrapper is necessary so that the scrollbar doesn't clip out of
@@ -128,6 +143,7 @@ h1, .desc {
   background-color: #99d7e9;
   border-radius: 20px;
   border: 3px solid #1a1c1c;
+  padding: calc(0.7rem - 3px);
   color: #1a1c1c;
   overflow: hidden;
 }
@@ -136,10 +152,12 @@ h1, .desc {
   padding: 0 0.5em;
   overflow-y: auto;
   height: 100%;
+  font-size: 1.2rem;
+  line-height: 1.4rem;
 }
 
 .fulltext p {
-  margin: 0.5em 0;
+  margin: 0.7rem 0;
 }
 blockquote {
   background: #f9f9f9cc;