Posts

Showing posts with the label classic books in brief
No results found
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500&family=Playfair+Display:ital,wght@0,400;1,400&display=swap'); .strata-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; margin: 40px 0; padding: 10px; background: radial-gradient(circle at center, #050505 0%, #000 100%); border-top: 1px solid rgba(46,247,247,0.2); border-bottom: 1px solid rgba(46,247,247,0.2); } .strata-btn { position: relative; display: block; text-align: center; text-decoration: none; padding: 16px 12px; background: rgba(10,10,10,0.85); border: 1px solid rgba(46,247,247,0.4); border-radius: 8px; color: #f3f3f3; font-family: 'Orbitron', sans-serif; font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px; overflow: hidden; transition: all 0.3s ease; box-shadow: 0 0 8px rgba(46,247,247,0.2); } .strata-btn span { display: block; font-family: 'Playfair Display', serif; font-size: 0.75em; color: #ff9f4a; text-transform: none; margin-top: 3px; opacity: 0.8; } .strata-btn::before { content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient(120deg, transparent, rgba(46,247,247,0.4), transparent); transform: skewX(-20deg); } .strata-btn:hover::before { left: 125%; transition: left 0.7s ease; } .strata-btn:hover { background: #0c0c0c; border-color: #2ef7f7; color: #2ef7f7; box-shadow: 0 0 12px #2ef7f7, inset 0 0 8px rgba(255,159,74,0.3); transform: scale(1.04); } .strata-btn:hover span { color: #ffa64d; text-shadow: 0 0 8px rgba(255,159,74,0.7); } /* Flicker animation for subtle cyberpunk pulse */ @keyframes flicker { 0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { opacity: 1; } 20%, 24%, 55% { opacity: 0.7; } } .strata-grid { animation: flicker 4s infinite; }