Add code style formatting to the website

website/sass/base.scss

@@ -20,7 +20,7 @@
 	--font-size-article-h1: 32px;
 	--font-size-article-h2: 24px;
 	--font-size-article-h3: 18px;
-
+  
 	@media screen and (max-width: 760px) {
 		--font-size-intro-heading: 40px;
 		--font-size-intro-body: 18px;
@@ -586,7 +586,6 @@ hr,
 					width: 100%;
 				}
 			}
-
 		}
 	}
 

website/sass/blog.scss

@@ -14,18 +14,18 @@
 
 		.feed {
 			margin-top: -4px;
-			
+
 			a {
 				text-decoration: none;
 				display: flex;
 				gap: 8px;
-				
+
 				.icon {
 					vertical-align: top;
 					width: calc(var(--font-size-link) * 1.5);
 					height: calc(var(--font-size-link) * 1.5);
 				}
-				
+
 				.link {
 					vertical-align: top;
 				}
@@ -52,7 +52,7 @@
 				max-width: 540px;
 			}
 		}
-	
+
 		.details {
 			display: flex;
 			flex-direction: column;
@@ -92,4 +92,3 @@
 		}
 	}
 }
-

website/sass/index.scss

@@ -1,6 +1,6 @@
 #logo {
 	display: flex;
-	
+
 	img {
 		width: auto;
 		max-width: 100%;
@@ -27,7 +27,7 @@
 	display: flex;
 	gap: calc(var(--font-size-link) * 0.8);
 	flex-wrap: wrap;
-	
+
 	div {
 		display: flex;
 		gap: calc(var(--font-size-link) * 0.8);
@@ -38,7 +38,6 @@
 			display: block;
 		}
 	}
-
 }
 
 #hero-message {
@@ -250,7 +249,7 @@
 			width: 100%;
 			color: var(--color-fog);
 			box-sizing: border-box;
-			
+
 			&:not(:target) {
 				display: none;
 			}
@@ -291,7 +290,6 @@
 				&.name {
 					flex: 1 0 0;
 					min-width: 240px;
-					
 				}
 
 				&.phone {
@@ -378,7 +376,7 @@
 					width: 48px;
 					height: 48px;
 				}
-				
+
 				span {
 					line-height: 48px;
 					margin-left: 20px;
@@ -396,7 +394,7 @@
 		display: flex;
 		flex-direction: column;
 		gap: 20px;
-		
+
 		.headline a {
 			text-decoration: none;
 			color: var(--color-navy);
@@ -405,7 +403,7 @@
 		.publication {
 			font-weight: 800;
 		}
-		
+
 		.summary {
 			overflow: hidden;
 			text-overflow: ellipsis;