Initial V1

V1/resources/css/components/punch.css

@@ -0,0 +1,41 @@
+.punch-container {
+    background-color: #222222;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 400px;
+    background-image: url('/resources/img/logo_notext.png');
+    background-repeat: no-repeat;
+    background-position: calc(50% - 250px);
+}
+
+.punch-sub {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.punch {
+    color: #F8FAFC;
+    font-family: 'Mona-Sans';
+    font-weight: 300;
+    font-size: 3vmin;
+    margin: 0;
+    max-width: 900px;
+    text-align: center;
+}
+
+.punch-quote-container {
+    width: 50px;
+}
+
+.punch-quote-right {
+    position: relative;
+    bottom: -120px;
+}
+
+.punch-quote-left {
+    position: relative;
+    top: -120px;
+    transform: rotate(180deg);
+}