init commit

styles.css

@@ -0,0 +1,55 @@
+/* Navbar */
+.navbar-brand {
+    font-size: 24px;
+    font-weight: bold;
+}
+
+/* Card Styles */
+.video-card {
+    cursor: pointer;
+    transition: transform 0.2s;
+}
+
+.video-card:hover {
+    transform: scale(1.05);
+}
+
+/* Card Text Alignment */
+.card-body {
+    text-align: left;
+}
+
+/* Modal Styles */
+.modal-content {
+    background-color: white;
+    padding: 15px;
+}
+
+.modal-video {
+    width: 100%;
+    height: auto;
+}
+
+/* Modal Title and Description */
+.modal-title {
+    font-size: 24px;
+    font-weight: bold;
+    text-align: left;
+}
+
+.modal-description {
+    font-size: 18px;
+    text-align: left;
+}
+
+.modal-dialog {
+    max-width: 65vw;
+    /* 80% of the viewport width */
+    max-height: 90vh;
+    /* 90% of the viewport height */
+}
+
+.modal-content {
+    height: auto;
+    /* max-height: 75vh; */
+}