Initial ideas

style/desktop.css

@@ -0,0 +1,39 @@
+@media (min-width: 1000px) {
+    #technology{
+        background-position-x: 35vw;
+        height: 75vh;
+        min-height: 75vh;
+    }
+
+    #motorsport{
+        background-position-y: -180px;
+        background-position-x: -200px;
+        background-size: auto;
+        min-height: 75vh;
+        height: 75vh;
+    }
+
+    .text{
+        width: 50%;
+        height: 100%;
+        align-items: flex-start;
+    }
+
+    .text-right{
+        margin-left: auto;
+        margin-right: 0;
+    }
+
+    .text-left{
+        margin-left: 0;
+        margin-right: auto;
+    }
+
+    .gradient-left{
+        background-image: linear-gradient(to right, rgba(31, 31, 31, 1), rgba(31, 31, 31, 1), rgba(31, 31, 31, 0));
+    }
+
+    .gradient-right{
+        background-image: linear-gradient(to left, rgba(31, 31, 31, 1), rgba(31, 31, 31, 1), rgba(31, 31, 31, 0));
+    }
+}

style/mobile.css

@@ -0,0 +1,68 @@
+body{
+    margin: 0;
+}
+
+header{
+    width: 100%;
+    height: 25vh;
+    display: flex;
+    align-items: center;
+    background-color: black;
+    opacity: 70%;
+}
+
+#logo{
+    text-align: center;
+    margin: 0 auto 0 auto;
+}
+
+#logo>h1{
+    font-family: "Orbitron", sans-serif;
+    font-optical-sizing: auto;
+    font-weight: 500;
+    font-style: normal;
+    color: white;
+    letter-spacing: rem;
+}
+
+section h2{
+    margin: 0;
+    color: white;
+    font-family: "Orbitron", sans-serif;
+}
+
+#technology{
+    background-image: url(../images/njr-code.png);
+    margin: 0;
+    min-height: 100vh;
+    background-position: center;
+    background-position-x: -400px;
+}
+
+#motorsport{
+    background-image: url(../images/topfuel_startline.jpg.jpeg);
+    margin: 0;
+    min-height: 100vh;
+    background-position: center;
+    background-position-x: -150px;
+    background-position-y: -100px;
+    background-size: 300%;
+}
+
+.gradient{
+    width: 100%;
+    height: 100%;
+    background-image: linear-gradient(to top, rgba(31, 31, 31, 1), rgba(31, 31, 31, 1), rgba(31, 31, 31, 0));
+    display: flex;
+    align-items: flex-end;
+}
+
+.text{
+    height: 50%;
+    width: 100%;
+}
+
+.text>div{
+    padding: 10px;
+}
+