Styling, elements.

assets/scss/main.scss

@@ -2,6 +2,7 @@
 
 $borderRadius: 8px;
 $textColor: #0f0f0f;
+$lightGray: #e6e6e6;
 $highlight: #82b3db;
 
 * {
@@ -18,27 +19,62 @@ body {
 	margin: 0 auto;
 }
 
-h1 {
+h1, h2 {
 	font-size: 32px;
 	margin: 0 0 40px 0;
 	font-weight: normal;
+
+	a {
+		font-size: 32px;
+	}
+}
+
+h2 {
+	font-size: 26px;
 }
 
 a {
 	text-decoration: none;
+	transition: all 0.3s;
+	color: $highlight;
+
+	&:hover {
+		color: $textColor;
+	}
 }
 
 nav {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-	margin: 0 0 40px 0;
+	margin: 0 0 80px 0;
+
+	ul {
+		display: flex;
+		gap: 20px;
+		margin: 0;
+		padding: 0;
+
+		li {
+			list-style: none;
+			margin: 0;
+			padding: 0;
+
+			a {
+				color: $textColor;
+
+				&:hover {
+					color: $highlight;
+				}
+			}
+		}
+	}
 
 	.contact {
 		display: inline-block;
 		padding: 8px 16px;
 		border-radius: $borderRadius;
-		border: 1px solid $highlight;
+		border: 2px solid $highlight;
 		color: $textColor;
 		transition: all 0.3s;
 		color: $highlight;
@@ -50,6 +86,18 @@ nav {
 	}
 }
 
+section {
+	margin: 0 0 80px 0;
+}
+
+footer {
+	margin: 0 0 80px 0;
+	padding: 40px 0;
+	border-style: solid;
+	border-width: 2px 0 0 0;
+	border-color: $lightGray;
+}
+
 .intro {
 	article {
 		display: flex;