commit 01/10/2025

html/webpage/assets/css/styles.css

@@ -1,5 +1,6 @@
 body {
   background-color: #f8f9fd;
+  /*background-color: #edf1fb;*/
   overflow-x: hidden;
   width: 100%;
 }
@@ -13,8 +14,9 @@ body {
 }
 
 .search {
-  display: flex;
-  align-items: center;
+  /*display: flex;*/
+  /*align-items: center;*/
+  margin-top: -0.2rem;
 }
 
 .text-header {
@@ -188,3 +190,68 @@ nav-item:focus {
   border: none;
 }
 
+.pad-card {
+  padding-top: 1rem;
+}
+
+.pad-search {
+  padding-top: 0.5rem;
+}
+
+.pad-row-search {
+  margin-bottom: 0.7rem;
+}
+
+.bg-heading1 {
+  background-color: #c6d8ee;
+  color: #2d3578;
+}
+
+.bg-heading2 {
+  background-color: #dce5f4;
+  color: #2d3578;
+}
+
+.bg-heading3 {
+  background-color: #e9ecf8;
+  color: #2d3578;
+}
+
+.accordion-item {
+  /*background: rgba(255, 255, 255, 0.55);*/
+  /*backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);*/
+  /*border-radius: 16px;*/
+  /*box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.12), -8px -8px 16px rgba(255, 255, 255, 0.6);*/
+  /*transition: all 0.3s ease;*/
+}
+
+.accordion-item.active {
+  /*background: rgba(45, 53, 120, 0.15);*/
+  /*box-shadow: inset 4px 4px 10px rgba(45, 53, 120, 0.25), inset -4px -4px 10px rgba(255, 255, 255, 0.8);*/
+}
+
+.bg-accordion {
+  border: white 2px;
+  /*border-radius: 10px;*/
+  background: #f8f9fd;
+}
+
+.card-channel {
+  border-radius: 12px;
+  background: #ffffff;
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+  border: #ffffff solid 2px !important;
+  /*padding-left: 2px;*/
+  /*padding-right: 5px;*/
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+.pad-accordion {
+  border-radius: 40px;
+  border: white solid 3px;
+}
+