first version

tailwind/custom/base.css

@@ -12,5 +12,6 @@
  * editor.
 */
 body {
-	@apply bg-background text-foreground font-sans;
+	@apply bg-background text-tertiary font-sans;
+	font-size: 18px;
 }

tailwind/custom/components/components.css

@@ -32,11 +32,6 @@
  *
  * https://make.wordpress.org/core/2021/06/29/on-layout-and-content-width-in-wordpress-5-8/
  */
-.page-content > *,
-.entry-content > * {
-	/* Content width from the `theme.json` file */
-	@apply max-w-content mx-auto;
-}
 
 .entry-content > .alignwide {
 	/* Wide width from the `theme.json` file */
@@ -54,3 +49,97 @@
 .entry-content > .alignright {
 	@apply float-right ml-8;
 }
+
+:where(.wp-block-columns) {
+	margin-bottom: 0 !important;
+}
+
+a {
+	text-decoration: none !important;
+}
+
+header {
+	background-size: cover;
+	background-position: center;
+
+	#site-navigation {
+		img.linkedin {
+			height: 1rem;
+		}
+	}
+
+	.header-cointainer {
+		@apply pt-6 grid items-center;
+		height: 75vh;
+		position: relative
+	}
+
+	.video-container {
+		overflow: hidden;
+		width: 100%;
+		position: absolute;
+		z-index: 0;
+		top: 0;
+		height: 75vh;
+
+		video {
+			width: 100%;
+		}
+	}
+
+	&:not(.home) {
+		img.linkedin {
+			filter: invert(1);
+		}
+
+		h1 {
+			background-size: cover;
+			background-position: center;
+		}
+	}
+
+
+}
+
+footer {
+	ul.menu li::before {
+		@apply mr-3 italic;
+		content: "|";
+	}
+}
+
+.contact-block {
+	@apply relative;
+
+	.overlay {
+		@apply absolute drop-shadow-xl;
+		top: 15%;
+		z-index: 1000;
+		width: 40vw;
+		margin-left: 15vw;
+	}
+}
+
+.text-over-image {
+	@apply relative;
+	overflow: visible;
+
+	.text {
+		@apply absolute;
+		left: -10vw;
+		top: 10vw;
+	}
+}
+
+.overlay-icons {
+	@apply absolute drop-shadow-xl p-5;
+	width: 40vw;
+
+	img {
+		width: 100px;
+	}
+
+	p {
+		width: 250px;
+	}
+}

tailwind/tailwind.config.js

@@ -26,8 +26,8 @@ module.exports = {
 		require('@_tw/themejson'),
 
 		// Uncomment below to add additional first-party Tailwind plugins.
-		// require('@tailwindcss/forms'),
-		// require('@tailwindcss/aspect-ratio'),
-		// require('@tailwindcss/container-queries'),
+		require('@tailwindcss/forms'),
+		require('@tailwindcss/aspect-ratio'),
+		require('@tailwindcss/container-queries'),
 	],
 };