main page done with simple messaging

2021-12-04 20:55:38 -08:00
parent 8b7e52e5e7
commit b5db129858
6 changed files with 110 additions and 0 deletions
@@ -14,3 +14,45 @@ a {
 * {
  box-sizing: border-box;
 }
+
+
+/* my personal css */
+main {
+  padding: 4em;
+}
+#main-title {
+  font-family: 'Satisfy', cursive;
+  font-size: 2em;
+  color: teal;
+}
+#side-note {
+  font-family: 'Baloo Bhaijaan 2', cursive;
+  font-size: 1.5em;
+}
+
+p {
+  font-family: 'Baloo Bhaijaan 2', cursive;
+  font-size: 2em;
+}
+
+
+ /* Mobile :320px. */
+ @media (max-width: 767px) {
+  main {
+    padding: 0em;
+  }
+  #main-title {
+    font-family: 'Satisfy', cursive;
+    font-size: 2em;
+    color: teal;
+  }
+  #side-note {
+    font-family: 'Baloo Bhaijaan 2', cursive;
+    font-size: 1em;
+  }
+  
+  p {
+    font-family: 'Baloo Bhaijaan 2', cursive;
+    font-size: 1.5em;
+  }
+ }