* {
  color: white;
}

body {
  background-color: black;
}

h1,
h2,
h3,
h4,
h5,
p,
small,
label {
  color: white;
}

a:hover,
.modal_button:hover {
  color: white;
}

nav {
  border-bottom: 3px solid white;
}

nav ul li a {
  color: white;
}

code {
  background-color: #2F2F2F;
}

.line {
  background-color: white;
  border-top: 1px solid white;
}

.article_card,
.form_card,
.view_card {
  border: 5px solid white;
  background-color: black;
}

table tr {
  outline: solid 3px white;
}

.button {
  color: white;
}

.button:hover {
  color: black;
  background-color: white;
}

.tag {
  color: white;
}

#theme_toggle {
  color: white;
}

.article ul li {
  color: white;
}

input,
textarea {
  background-color: transparent;
  color: white;
  border: 3px solid white;
}

.checkmark {
  border: 2px solid white;
}

.form_checkbox_container:hover input~.checkmark {
  background-color: white;
}

.upload_button {
  border: 3px solid white;
}

/* .form_card:hover, */
/* .form_card:focus, */
/* .article_card:hover, */
/* .article_card:focus { */
/*   box-shadow: 0 2px 4px 0 white, 0 4px 8px 0 white; */
/* } */

.modal {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.9);
}

.modal_close {
  color: white;
}

.user_actions {
  border: 3px solid white;
}
