Add hire me page

src/styles/Bot.module.css

@@ -0,0 +1,25 @@
+.discord {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	width: unset;
+	padding: 3rem;
+	max-width: 90%;
+}
+
+.discord button {
+	width: 100%;
+	max-width: 40rem;
+}
+
+.title {
+	font-size: 2.5rem;
+	margin: 0;
+	text-align: center;
+}
+
+.description {
+	font-size: 1.5rem;
+	max-width: 40rem;
+	text-align: justify;
+}

src/styles/Button.module.css

@@ -8,6 +8,7 @@
 	text-decoration: none;
 	white-space: nowrap;
 	height: 100%;
+	font-size: 1.5rem;
 	color: var(--text-primary);
 	justify-content: center;
 }

src/styles/Hire.module.css

@@ -0,0 +1,30 @@
+.hire {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: 3rem;
+}
+
+.hireTitle {
+	font-size: 2rem;
+	margin: 0;
+}
+
+.jobs {
+	margin: 0 auto 2rem;
+	font-size: 1.5rem;
+	display: flex;
+	flex-direction: column;
+	gap: 0.5rem;
+}
+
+.hire button {
+	width: 100%;
+	max-width: 40rem;
+}
+
+.jobDescription {
+	font-size: 1.5rem;
+	max-width: 40rem;
+	text-align: justify;
+}

src/styles/Home.css

@@ -8,3 +8,7 @@ main > section > :is(h1, h2) {
 	text-align: center;
 	text-transform: uppercase;
 }
+
+main {
+	padding-bottom: 10rem;
+}

src/styles/Layout.css

@@ -37,8 +37,8 @@ main {
 	display: flex;
 	gap: 3rem;
 	flex-direction: column;
+	padding-bottom: 2rem;
 	align-items: center;
-	padding-bottom: 10em;
 }
 
 main > section {
@@ -61,3 +61,11 @@ main > section:hover {
 		scroll-margin: 6rem;
 	}
 }
+
+a {
+	color: #4f94e5;
+}
+
+a:not(:hover) {
+	text-decoration: none;
+}

src/styles/Nav.module.css

@@ -14,7 +14,7 @@
 .nav section {
 	display: flex;
 	align-items: center;
-	gap: 0.5em;
+	gap: 0.75em;
 }
 
 .nav :is(svg, img) {
@@ -50,8 +50,8 @@
 	}
 }
 
-@media (max-width: 400px) {
-	#logo + a {
+@media (max-width: 430px) {
+	a.home {
 		display: none;
 	}
 }