more styles added to about

2026-05-05 23:45:52 -04:00
parent 61a3a84590
commit f2350d4c27
2 changed files with 97 additions and 119 deletions
@@ -158,4 +158,81 @@ body {
    .belief-box h4 {
        font-size: 1.15rem;
    }
+}
+.about-divider {
+    margin-bottom: 60px;
+}
+.meet-toks-section {
+    padding-top: 30px;
+    padding-bottom: 45px;
+}
+
+.meet-toks-section h2 {
+    margin-bottom: 18px;
+}
+/*.title-head-subtitle {*/
+/*    display: block;*/
+/*    margin-bottom: 20px;*/
+/*    line-height: 1.7;*/
+/*}*/
+/*---------------------------------------------*/
+/*About-Profile image*/
+/*----------------------------------------------*/
+.profile-image-wrapper {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 40px;
+    margin-top: 20px;
+}
+
+.profile-image-card {
+    position: relative;
+    width: 280px;
+    height: 280px;
+    border-radius: 32px;
+    padding: 8px;
+    background: linear-gradient(135deg, #ffffff, #f8fafc);
+    box-shadow: 0 25px 70px rgba(15, 23, 42, 0.16);
+    transition: transform 0.35s ease, box-shadow 0.35s ease;
+}
+
+.profile-image-card:hover {
+    transform: translateY(-6px);
+    box-shadow: 0 35px 90px rgba(15, 23, 42, 0.22);
+}
+
+.profile-image-glow {
+    position: absolute;
+    inset: -10px;
+    z-index: 0;
+    border-radius: 36px;
+    background: linear-gradient(135deg, rgba(244, 162, 174, 0.45), rgba(59, 130, 246, 0.25));
+    filter: blur(24px);
+    opacity: 0.75;
+}
+
+.profile-image {
+    position: relative;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: top center;
+    border-radius: 26px;
+    border: 1px solid rgba(244, 162, 174, 0.35);
+    display: block;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+    .profile-image-card {
+        width: 230px;
+        height: 230px;
+        border-radius: 26px;
+    }
+
+    .profile-image {
+        border-radius: 22px;
+    }
 }