/* Универсальный курсор для всего документа */
html, body,
a, button, input, textarea, select, .btn,
a:hover, button:hover, input:hover, textarea:hover, select:hover, .btn:hover,
a:active, button:active, input:active, textarea:active, select:active, .btn:active {
    cursor: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%3E%3Crect%20width%3D%228%22%20height%3D%228%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"), auto;
}

html, body, .card, .thumbnail {
  background-color: #000000;
  color: #00FF00;
}

/* Все заголовки */
h1, h2, h3, h4, h5, h6 {
  color: #00FF00;
}

/* Ссылки */
a {
  color: #00FF00;
}
a:hover, a:focus {
  color: #66FF66;
  text-decoration: underline;
}

/* Таблицы */
.table {
  color: #00FF00;
  background-color: #000000;
}
.table th, .table td {
  border-color: #00FF00;
}

/* Кнопки */
.btn {
  background-color: #000000;
  color: #00FF00;
  border: 1px solid #00FF00;
}
.btn:hover {
  background-color: #00FF00;
  color: #000000;
}

/* Формы */
.form-control {
  background-color: #000000;
  color: #00FF00;
  border: 1px solid #00FF00;
}
.form-control::placeholder {
  color: #008800;
}



/* flex-контейнер всей страницы */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* основной контент растягивается */
.content {
    flex: 1;
}

/* футер */
.site-footer {
    border-top: 1px solid #e7e7e7;
    padding: 20px 0;
    width: 100%;
}

.site-footer p {
    margin: 0;
    line-height: 25px;
}

.site-footer a {
    color: #777;
}

.site-footer a:hover {
    color: #337ab7;
    text-decoration: none;
}