Remove all animations and transitions from design refinements

Author: jedisct1

www/assets/css/design-refinements.css

@@ -1,10 +1,8 @@
-/* Design Refinements for IPCrypt Website */
+/* Design Refinements for IPCrypt Website - No Animations or Transitions */
 
-/* 1. Improved Card Hover Effects */
+/* 1. Improved Card Styles */
 .card {
-    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
     position: relative;
-    overflow: hidden;
     border-radius: 0.5rem;
     border: 1px solid var(--color-border);
     background-color: white;
@@ -20,31 +18,16 @@
     width: 100%;
     height: 4px;
     background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);
-    transform: scaleX(0);
-    transform-origin: left;
-    transition: transform 0.3s ease;
-}
-
-.card:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
-    border-color: var(--color-primary-light);
-}
-
-.card:hover::before {
-    transform: scaleX(1);
 }
 
 /* Feature Card Enhancements */
 .feature-card {
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
     border-radius: 0.5rem;
     border: 1px solid var(--color-border);
     background-color: white;
     padding: 1.5rem;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
     position: relative;
-    overflow: hidden;
 }
 
 .feature-card::before {
@@ -55,33 +38,14 @@
     width: 4px;
     height: 100%;
     background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-accent) 100%);
-    transform: scaleY(0);
-    transform-origin: top;
-    transition: transform 0.3s ease;
-}
-
-.feature-card:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
-}
-
-.feature-card:hover::before {
-    transform: scaleY(1);
 }
 
 .feature-card h3 {
     margin-top: 0;
     color: var(--color-primary);
-    transition: color 0.3s ease;
-}
-
-.feature-card:hover h3 {
-    color: var(--color-primary-dark);
 }
 
-/* Transition effects removed as per user feedback */
-
-/* 3. Enhanced Color Scheme with Accent Colors */
+/* 2. Enhanced Color Scheme with Accent Colors */
 :root {
     /* Original colors */
     --color-primary: #2563eb;
@@ -129,11 +93,7 @@
     border: 1px solid var(--color-accent-dark);
 }
 
-.btn-accent:hover {
-    background-color: var(--color-accent-dark);
-}
-
-/* 4. Improved Typography with Better Font Pairings */
+/* 3. Improved Typography with Better Font Pairings */
 :root {
     --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
     --font-heading: 'Montserrat', var(--font-sans);
@@ -178,72 +138,12 @@ pre {
 /* Font imports */
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700&family=JetBrains+Mono:wght@400;500&display=swap');
 
-/* 5. Additional Refinements */
-
-/* Improved button hover effects */
-.btn {
-    transition: all 0.3s ease;
-    position: relative;
-    overflow: hidden;
-}
-
-.btn::after {
-    content: '';
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 5px;
-    height: 5px;
-    background: rgba(255, 255, 255, 0.5);
-    opacity: 0;
-    border-radius: 100%;
-    transform: scale(1, 1) translate(-50%);
-    transform-origin: 50% 50%;
-}
-
-.btn:hover::after {
-    animation: ripple 1s ease-out;
-}
-
-@keyframes ripple {
-    0% {
-        transform: scale(0, 0);
-        opacity: 0.5;
-    }
-
-    100% {
-        transform: scale(20, 20);
-        opacity: 0;
-    }
-}
-
-/* Improved focus styles for accessibility */
+/* 4. Improved focus styles for accessibility */
 a:focus,
 button:focus,
 input:focus,
 select:focus,
 textarea:focus {
     outline: 2px solid var(--color-primary);
     outline-offset: 2px;
-}
-
-/* Add this script to the end of your main.js file to enable section animations */
-/*
-document.addEventListener('DOMContentLoaded', function() {
-    const sections = document.querySelectorAll('section');
-    
-    const observer = new IntersectionObserver((entries) => {
-        entries.forEach(entry => {
-            if (entry.isIntersecting) {
-                entry.target.classList.add('visible');
-            }
-        });
-    }, {
-        threshold: 0.1
-    });
-    
-    sections.forEach(section => {
-        observer.observe(section);
-    });
-});
-*/
+}