File manager - Edit - /home/cuautla1/public_html/style.css
Back
/* === GOOGLE FONT === */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap'); /* === GENEL === */ body { margin: 0; font-family: 'Poppins', sans-serif; background: linear-gradient(135deg, #f5f7fa, #c3cfe2); color: #222; line-height: 1.8; overflow-x: hidden; } a { text-decoration: none; transition: all 0.3s ease; } h1, h2, h3 { margin-bottom: 0.6rem; font-weight: 700; letter-spacing: -0.5px; } /* === NAVBAR === */ nav { background: rgba(191, 22, 36, 0.85); backdrop-filter: blur(12px); padding: 1rem 2rem; color: white; display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid rgba(255,255,255,0.2); position: sticky; top: 0; z-index: 1000; } nav h1 { font-size: 1.6rem; display: flex; align-items: center; gap: 12px; } nav h1 img { height: 42px; width: 42px; } .nav-links a { color: white; padding: 0.6rem 1.4rem; border-radius: 30px; margin-left: 12px; font-size: 0.95rem; font-weight: 600; background: linear-gradient(135deg, #ff4655, #bf1624); box-shadow: 0 4px 14px rgba(0,0,0,0.2); } .nav-links a:hover { background: white; color: #bf1624; transform: scale(1.07); } /* === HERO === */ header { background: linear-gradient(135deg, #4e1a1e, #bf1624); color: white; text-align: center; padding: 6rem 1.5rem; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; box-shadow: 0 10px 25px rgba(0,0,0,0.25); position: relative; overflow: hidden; } header::after { content: ""; position: absolute; width: 350px; height: 350px; background: rgba(255,255,255,0.1); border-radius: 50%; top: -80px; right: -80px; filter: blur(80px); } header h1 { font-size: 2.6rem; margin-bottom: 1rem; } header p { margin: 1rem auto; max-width: 740px; font-size: 1.1rem; } .btn-primary { background: linear-gradient(135deg, #fff, #f4f4f4); color: #bf1624; padding: 1rem 2.2rem; border-radius: 50px; font-weight: 700; display: inline-block; margin-top: 1.5rem; font-size: 1rem; box-shadow: 0 8px 16px rgba(0,0,0,0.25); transition: all 0.3s ease; } .btn-primary:hover { transform: scale(1.08) translateY(-4px); background: #ffe6e6; } /* === CONTAINER & KARTLAR === */ .container { max-width: 1200px; margin: auto; padding: 3rem 1rem; } .content-card { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(16px); padding: 2.5rem; border-radius: 20px; box-shadow: 0 8px 20px rgba(0,0,0,0.15); margin-bottom: 2.5rem; transition: all 0.4s ease; position: relative; overflow: hidden; } .content-card::before { content: ""; position: absolute; top: -20%; right: -20%; width: 200px; height: 200px; background: rgba(191, 22, 36, 0.15); border-radius: 50%; filter: blur(60px); } .content-card:hover { transform: translateY(-8px) scale(1.02); box-shadow: 0 12px 28px rgba(0,0,0,0.25); } .content-card h2 { color: #bf1624; margin-bottom: 1.2rem; font-size: 1.6rem; border-bottom: 3px solid #bf1624; display: inline-block; padding-bottom: 0.3rem; } ul { padding-left: 1.5rem; } ul li { margin-bottom: 0.7rem; font-size: 1rem; } /* === FOOTER === */ footer { background: #111827; color: #bbb; text-align: center; padding: 2rem 1rem; font-size: 0.95rem; letter-spacing: 0.5px; box-shadow: 0 -6px 20px rgba(0,0,0,0.25); } /* === RESPONSIVE === */ @media (max-width: 900px) { nav { flex-direction: column; text-align: center; } .nav-links { margin-top: 12px; } } @media (max-width: 600px) { header h1 { font-size: 1.9rem; } header p { font-size: 1rem; } .btn-primary { padding: 0.85rem 1.6rem; font-size: 0.9rem; } }
| ver. 1.4 |
Github
|
.
| PHP 8.3.28 | Generation time: 0 |
proxy
|
phpinfo
|
Settings