2025-02-13 13:39:42 +03:00
|
|
|
:root {
|
|
|
|
|
--primary-color: #f6cd26;
|
2025-02-13 18:23:49 +03:00
|
|
|
--second-color: black;
|
|
|
|
|
--line-width: 2px;
|
|
|
|
|
--space: 12px;
|
2025-02-13 13:39:42 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
2025-02-13 18:23:49 +03:00
|
|
|
background-color: var(--second-color);
|
2025-02-13 13:39:42 +03:00
|
|
|
color: var(--primary-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.block {
|
2025-02-13 18:23:49 +03:00
|
|
|
border: solid var(--primary-color) var(--line-width);
|
|
|
|
|
padding: var(--space);
|
2025-02-13 13:39:42 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.list {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
2025-02-13 18:23:49 +03:00
|
|
|
gap: var(--space);
|
2025-02-13 13:39:42 +03:00
|
|
|
}
|
2025-02-13 18:23:49 +03:00
|
|
|
|
|
|
|
|
a:visited, a:hover {
|
|
|
|
|
color: var(--primary-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
button {
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: var(--space);
|
|
|
|
|
background: var(--second-color);
|
|
|
|
|
color: var(--primary-color);
|
|
|
|
|
border: solid var(--primary-color) var(--line-width);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
button:hover,
|
|
|
|
|
button:focus {
|
|
|
|
|
background: var(--primary-color);
|
|
|
|
|
color: black;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
border: solid var(--second-color) var(--line-width);
|
|
|
|
|
outline: calc(var(--line-width) * 2) var(--primary-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
textarea {
|
|
|
|
|
padding: var(--space);
|
|
|
|
|
color: var(--primary-color);
|
|
|
|
|
background-color: var(--second-color);
|
|
|
|
|
border: solid var(--primary-color) var(--line-width);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
