/
suhareva
/
web-static-labs
Обзор
Документация
Войти
/
suhareva
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
html/lab3/task4/styles.css
76 строк
2 KB
koyo
lab3
07 окт 2025, 20:26
07 окт 2025, 20:26
45995e1
Код
Авторство
О чём код?
* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #fef6f9; background-image: linear-gradient(135deg, #fef6f9 0%, #fceef3 100%); } header { background: linear-gradient(135deg, #f8b6c1, #e6a8d7); padding: 1rem 2rem; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 10px rgba(142, 45, 110, 0.1); border-bottom: 2px solid #f0c6d1; } .logo { height: 40px; width: auto; filter: brightness(0) invert(1); } nav { flex: 1; display: flex; justify-content: center; } nav ul { display: flex; list-style: none; gap: 2rem; } nav a { color: white; text-decoration: none; padding: 0.5rem 1rem; transition: all 0.3s; border-radius: 20px; font-weight: 500; text-shadow: 1px 1px 2px rgba(142, 45, 110, 0.3); } nav a:hover { background-color: rgba(255, 255, 255, 0.2); transform: translateY(-2px); box-shadow: 0 4px 8px rgba(142, 45, 110, 0.2); } .login-btn { background: rgba(255, 255, 255, 0.2); color: white; border: 2px solid white; padding: 0.5rem 1.5rem; border-radius: 25px; cursor: pointer; font-size: 1rem; transition: all 0.3s; font-weight: 600; text-shadow: 1px 1px 2px rgba(142, 45, 110, 0.3); backdrop-filter: blur(10px); } .login-btn:hover { background: white; color: #e6a8d7; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(142, 45, 110, 0.3); }