Tyit/gpt4all-libre-explorer

1@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');2 3body {4    font-family: 'Inter', sans-serif;5    line-height: 1.6;6}7 8/* Smooth scrolling for anchor links */9html {10    scroll-behavior: smooth;11}12 13/* Custom animations */14@keyframes fadeIn {15    from { opacity: 0; transform: translateY(20px); }16    to { opacity: 1; transform: translateY(0); }17}18 19.animate-fade-in {20    animation: fadeIn 0.6s ease-out forwards;21}22 23/* Delay animations for staggered effect */24.animation-delay-100 {25    animation-delay: 0.1s;26}27 28.animation-delay-200 {29    animation-delay: 0.2s;30}31 32/* Custom button hover effects */33.btn-hover-grow {34    transition: transform 0.2s ease;35}36 37.btn-hover-grow:hover {38    transform: translateY(-2px);39}40 41/* Custom shadow for cards */42.custom-shadow {43    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);44}45 46/* Responsive iframe container */47.responsive-iframe-container {48    position: relative;49    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */50    height: 0;51    overflow: hidden;52}53 54.responsive-iframe-container iframe {55    position: absolute;56    top: 0;57    left: 0;58    width: 100%;59    height: 100%;60    border: 0;61}