/
MashkoA
/
web-nodejs
Обзор
Документация
Войти
/
MashkoA
/
web-nodejs
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
public/lab7/task3/styles.css
95 строк
2 KB
umarovazizjohn
l7
09 апр 2026, 10:12
09 апр 2026, 10:12
48a32d1
Код
Авторство
О чём код?
* { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; box-sizing: border-box; color: white; } body { background-color: #141526; color: white; min-height: 100vh; padding: 20px; text-align: center; } h1 { text-align: center; margin-bottom: 30px; color: #e4ebff; font-size: clamp(1.5rem, 3vw, 2.2rem); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .labgrid { overflow-y: auto; } .g6 { grid-area: g6; background-color: #6a7bd6; border-radius: 20px; padding: 25px; margin: 15px; display: flex; justify-content: center; align-items: center; flex-direction: column; overflow-wrap: break-word; word-break: break-word; box-shadow: 0 0.5em 1.5625em rgba(0, 0, 0, 0.3); gap: 30px; } .g6 p { margin: 0; padding: 0; color: #e4ebff; font-size: clamp(1rem, 2vw, 1.5rem); text-align: center; font-weight: 500; } button { padding: 0.75em 1.5em; background-color: #2b3567; color: white; border: none; border-radius: 0.9375em; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 0.25em 0.625em rgba(60, 70, 150, 0.5); min-width: 160px; } button:hover { background-color: #3a4780; transform: translateY(-0.125em); box-shadow: 0 0.375em 0.75em rgba(60, 70, 150, 0.7); } button:active { transform: translateY(0); } .button-container { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; align-items: center; } a { color: #c0d1ff; text-decoration: none; padding: 0; margin: 0; transition: color 0.3s ease; } a:hover { color: #e4ebff; }