First version of the new layout.

DouwcoWebsite/wwwroot/css/home.css

@@ -0,0 +1,65 @@
+.container {
+    display: flex;
+}
+
+.left-section {
+    width: 60%;
+}
+
+.logo-section {
+    display: flex;
+    align-items: flex-start;
+    height: 250px;
+}
+
+.logo-section img {
+    width: 250px;
+    margin-left: 50px;
+}
+
+.text-section {
+    margin-left: 50px;
+}
+
+.title {
+    font-size: 128px;
+    margin: 0;
+    line-height: 1;
+    text-wrap: balance;
+}
+
+.tagline {
+    display: flex;
+    font-size: 36px;
+    font-weight: bold;
+    width: 500px;
+}
+
+.tagline .green-text {
+    color: var(--green-clr);
+}
+
+.tagline .normal-text {
+    margin-left: 7px;
+}
+
+.content-box {
+    background-color: var(--background-accent-clr);
+    margin: 50px 20px 20px;
+    padding: 20px;
+    border-radius: 20px;
+}
+
+.content-box p {
+    margin: 0;
+}
+
+.content-box .intro-text {
+    font-weight: bolder;
+    font-size: 28px;
+}
+
+.server-image {
+    width: 500px;
+    height: 500px;
+}