starting page transitions and gestures

assets/css/styles.css

@@ -1088,10 +1088,6 @@ select {
   max-width: 36rem;
 }
 
-.max-w-full {
-  max-width: 100%;
-}
-
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1289,11 +1285,6 @@ select {
   background-color: rgb(29 77 58/var(--tw-bg-opacity));
 }
 
-.bg-gray-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(209 213 219/var(--tw-bg-opacity));
-}
-
 .bg-gray-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55/var(--tw-bg-opacity));
@@ -1464,10 +1455,6 @@ select {
   padding-top: 1rem;
 }
 
-.text-left {
-  text-align: left;
-}
-
 .text-center {
   text-align: center;
 }
@@ -2018,6 +2005,10 @@ body.login {
   translate: 0 0;
 }
 
+#content-container {
+  transition: opacity 0.5s ease-in-out;
+}
+
 #footer-nav.out-of-view {
   opacity: 0;
   translate: 0 100%;