fix: consistent ui fade in transition

src/features/greeting/greeting.scss

@@ -4,6 +4,7 @@
   cursor: initial;
   user-select: none;
   font-weight: 600;
+  animation: fadeIn 1s;
 
   --shadow-shift: 0.2rem;
 }

src/features/quote/quote.scss

@@ -101,6 +101,10 @@ h1.quoteauthor {
   align-items: flex-start;
   padding: 20px;
   text-align: left;
+
+  .title, .subtitle {
+    text-transform: capitalize;
+  }
 }
 
 .author-holder {

src/features/time/clock.scss

@@ -6,6 +6,7 @@
   cursor: initial;
   user-select: none;
   font-weight: 600;
+  animation: fadeIn 1s;
 
   --shadow-shift: 0.4rem;
 }

src/features/weather/weather.scss

@@ -13,6 +13,8 @@
   display: flex;
   flex-flow: column;
 
+  animation: fadeIn 1s;
+
   &:hover {
     height: auto;
     transition: 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);

src/scss/index.scss

@@ -33,6 +33,8 @@ body {
     justify-content: center;
     align-items: center;
     gap: 20px;
+
+    animation: fadeIn 1s;
   }
 
   &.no-textBorder {