update

src/css/style.css

@@ -5,6 +5,8 @@
     --color-background0: #0e0e0e;
     --color-background1: #070631;
     --color-background2: dimgray;
+    --color-transparent-background1: rgba(0, 0, 0, 0);
+    --color-transparent-background2: rgb(0, 0, 0);
     --color-border0: #FFFFFF;
     --color-border1: grey;
     --color-text: #FFFFFF;
@@ -193,4 +195,66 @@ a, a:visited{
         left: 0;
         transform-origin: top left;
     }
-}
+}
+
+
+/* Project */
+.project {
+    overflow-x: auto;
+    white-space: nowrap;
+    height: 300px;
+}
+.cards {
+    display: inline-block;
+    position: absolute;
+    width: 100%;
+    height: inherit;
+    overflow-x: auto;
+    overflow-y: hidden;
+    left: 0;
+}
+.arrow {
+    position: absolute;
+    display: inline-block;
+    height: inherit;
+}
+
+.left-arrow{
+    left: 0;
+    background: -moz-linear-gradient(90deg, var(--color-transparent-background2) 0%, var(--color-transparent-background1) 100%);
+    background: -webkit-linear-gradient(90deg, var(--color-transparent-background2) 0%, var(--color-transparent-background1) 100%);
+    background: linear-gradient(90deg, var(--color-transparent-background2) 0%, var(--color-transparent-background1) 100%);
+}
+
+.right-arrow{
+    right: 0;
+    background: -moz-linear-gradient(-90deg, var(--color-transparent-background2) 0%, var(--color-transparent-background1) 100%);
+    background: -webkit-linear-gradient(-90deg, var(--color-transparent-background2) 0%, var(--color-transparent-background1) 100%);
+    background: linear-gradient(-90deg, var(--color-transparent-background2) 0%, var(--color-transparent-background1) 100%);
+}
+
+/* Hide scrollbar for Chrome, Safari and Opera */
+.cards::-webkit-scrollbar {
+    display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+.cards {
+    -ms-overflow-style: none;  /* IE and Edge */
+    scrollbar-width: none;  /* Firefox */
+}
+
+.project-container {
+
+    position: absolute;
+    border-radius: 20px;
+    height: 98%;
+    background-color: #FF9F55;
+    padding: 10px 40px;
+    margin: 0 2.5%;
+    width: 95%;
+    overflow: hidden;
+    border: solid 1px white;
+
+
+}