CSS is better

Upgraded to Rails 7.1.3.3

app/assets/stylesheets/application.css

@@ -14,15 +14,72 @@
  *= require_self
  */
 
-body, nav, main, footer {
-  padding: 1rem;
-  margin: 1rem;
+/*
+ * https://github.com/Lazzzer00/Best-CSS-Reset-2024
+ */
+*, *::before, *::after{
+    box-sizing: border-box;
 }
 
+*{
+    margin: 0;
+    padding: 0;
+}
+
+ul[role='list'], ol[role='list']{
+    list-style: none;
+}
+
+html:focus-within{
+    scroll-behavior: smooth;
+}
+
+a:not([class]){
+    text-decoration-skip-ink: auto;
+}
+
+img, picture, svg, video, canvas{
+    max-width: 100%;
+    height: auto;
+    vertical-align: middle;
+    font-style: italic;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+input, button, textarea, select{
+    font: inherit;
+}
+
+@media (prefers-reduced-motion: reduce){
+    html:focus-within {
+        scroll-behavior: auto;
+    }
+    *, *::before, *::after {
+        animation-duration: 0.01ms !important;
+        animation-iteration-count: 1 !important;
+        transition-duration: 0.01ms !important;
+        scroll-behavior: auto !important;
+        transition: none;
+    }
+}
+
+
+
+body, html{
+    height: 100%;
+    scroll-behavior: smooth;
+    padding:1rem;
+}
+
+/*
+ * Other CSS
+ */
+
 menu {
   display: flex;
   list-style: none;
-  padding: 1rem;
+  padding:1rem;
   background-color: #daeafa;
   border-radius:1rem;
 }
@@ -32,6 +89,17 @@ menu > li {
   flex-grow: 1;
 }
 
+.domain {
+  background-color: #efefef;
+  border-radius:1rem;
+  padding:1rem;
+}
+.domain-header {
+    background-color: #fefefe;
+    border-radius:1rem;
+    padding:1rem 1rem;
+}
+
 .domain-header h2 {
   display: flex;
 }
@@ -42,7 +110,14 @@ menu > li {
 
 .domain-header button {
   margin:0 0 0 10px;
+}
 
+.email-list {
+  border-radius:1rem;
+  border:1rem black;
+  background-color:#e7eae7;
+  padding:2rem;
+  margin:1rem 0;
 }
 
 .email-list li {
@@ -54,14 +129,13 @@ menu > li {
   padding:0 10px;
 }
 
-main, body {
-    padding:1rem;
-    margin:1rem;
-}
-
 footer {
+  margin-top:1rem;
   background-color:#efefef;
-  margin:0 1rem;
   padding:1rem;
   border-radius:1rem;
 }
+
+footer ul, footer h3 , footer li {
+  margin:10px;
+}