Add scroll to top and others

src/styles/About.module.css

@@ -8,7 +8,7 @@
 }
 
 .about {
-	text-align: center;
+	text-align: justify;
 	font-size: 1.5em;
 	display: flex;
 	gap: 1em;

src/styles/ButtonLink.module.css

@@ -1,6 +1,8 @@
 .button {
 	display: flex;
-	background: var(--secondary);
+	background: rgb(0 0 0 / 0.1);
+	border: 2px solid var(--secondary);
+	backdrop-filter: blur(20px);
 	border-radius: 20px;
 	padding: 20px;
 	text-decoration: none;
@@ -11,5 +13,5 @@
 }
 
 .button:hover {
-	background: var(--secondary-hover);
+	background: rgb(0 0 0 / 0.3);
 }

src/styles/Layout.css

@@ -45,7 +45,7 @@ main > section {
 	display: flex;
 	flex-direction: column;
 	border-radius: 1rem;
-	background: rgba(0 0 0 / 0.3);
+	background: rgb(0 0 0 / 0.3);
 	padding: 2rem;
 	margin: 1rem;
 	width: 90%;

src/styles/Top.module.css

@@ -0,0 +1,20 @@
+.up {
+	position: fixed;
+	width: 3em;
+	bottom: 1em;
+	transition: visibility 1s, opacity 1s;
+	right: 1em;
+}
+
+.up[aria-hidden="true"] {
+	visibility: hidden;
+	opacity: 0;
+}
+
+.up a {
+	padding: 0.4em;
+}
+
+.up svg {
+	color: hsl(209 28% 60%);
+}