Create moduleTwoPageOne.css

moduleTwoPageOne.css

@@ -0,0 +1,57 @@
+/* Reset some default styling */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+  }
+
+  html, body {
+    height: 100%;
+    font-family: 'Nunito', sans-serif;
+    background-color: #f6f6f1;
+  }
+
+  /* Full-screen container */
+  .image-container {
+    position: relative;
+    width: 100%;
+    height: 100vh; /* 100% of the viewport height */
+    overflow: hidden;
+  }
+
+  /* Background image styling */
+  .background-image {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover; /* Ensures the image covers the container while maintaining aspect ratio */
+    padding: 25px;
+
+  }
+
+  /* Button container styling to overlay on image */
+  .button-container {
+    position: absolute;
+    top: 93%; /* Adjust the top value to move the button up or down */
+    left: 89%;
+    transform: translate(-50%, -50%); /* Center the button */
+    text-align: center;
+  }
+
+  /* Button styling */
+  .btn {
+    background-color: #fc543200;
+    color: #c146cf00;
+    width: 190px; /* Set the desired width */
+    height: 58px; /* Set the desired height */
+    padding: 10px 20px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    font-family: 'Nunito', sans-serif;
+    font-size: 16px;
+    text-align: center;
+  }
+