62 lines
1.2 KiB
CSS
62 lines
1.2 KiB
CSS
/* Стиль для шапки */
|
|
header {
|
|
color: #ffffff;
|
|
background-color: #302b2b; /* Цвет фона шапки */
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
header nav {
|
|
height: 64px;
|
|
color: #ffffff;
|
|
background-color: #302b2b; /* Цвет фона шапки */
|
|
}
|
|
}
|
|
|
|
header .navbar-nav .nav-link {
|
|
color: #ffffff; /* Белый цвет текста навигационных ссылок */
|
|
}
|
|
|
|
header .navbar-nav .nav-link:hover {
|
|
text-decoration: none;
|
|
background-color: yellow; /* Фон ссылок при наведении */
|
|
color: #302b2b; /* Цвет текста ссылок при наведении */
|
|
}
|
|
|
|
/* Стиль для футера */
|
|
footer {
|
|
background-color: #302b2b;
|
|
height: 80px;
|
|
color: #8b8b8b;
|
|
bottom: 0;
|
|
right:0;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Стиль для заголовков */
|
|
h1 {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.25em;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
p {
|
|
font-size: 20px;
|
|
}
|
|
|
|
pr{
|
|
font-size: 20px;
|
|
}
|
|
|
|
#image-preview {
|
|
|
|
object-fit: cover;
|
|
width: 200px;
|
|
height: 200px;
|
|
|
|
} |