Titles get ids

Styles/thoughts.css

@@ -14,6 +14,7 @@ body {
 
 .content {
    font-family: "Ubuntu Mono", monospace;
+   line-height: 1.7rem;
    transition: .2s;
 }
 
@@ -33,6 +34,21 @@ body {
    line-height: 1.3rem;
    font-size: 1.1rem;
    font-family: serif;
+   transition: .2s;
+}
+
+.tempAlert {
+   position: fixed;
+   bottom: -10rem;
+   right: .5rem;
+   transition: .2s;
+   opacity: 0;
+   background-color: #222;
+   color: #eee;
+   font-family: monospace;
+   font-size: 1.2rem;
+   padding: 1rem 2rem;
+   border-radius: 2rem;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -40,11 +56,21 @@ body {
       background-color: #232326;
       color: #ddd;
    }
+   .tempAlert {
+      background-color: #FEFDFA;
+      color: #222;
+   }
 }
 
-@media only screen and (min-width: 1200px) {
-   .content {
-     padding: 0 6rem;
-     line-height: 1.7rem;
-   }
+@media only screen and (min-width: 400px) {
+   .content { padding: 0 0.1rem; }
+   .article { padding: 0 1rem; }
+}
+
+@media only screen and (min-width: 600px) {
+   .content { padding: 0 2rem; }
+}
+
+@media only screen and (min-width: 900px) {
+   .content { padding: 0 6rem; }
 }