/*
Theme Name: Binary Matrix Dark
Theme URI: https://github.com/supaplextor/my-wordpress-themes
Author: supaplextor
Description: A dark WordPress theme with bright green on black colors and grey bordered text blocks.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: binary-matrix-dark
*/

:root {
  --matrix-green: #39ff14;
  --matrix-black: #000000;
  --matrix-grey: #777777;
  --matrix-panel: rgba(0, 0, 0, 0.82);
  --matrix-link-green: #7dff6f;
  --matrix-link-hover: #b3ff9a;
  --matrix-content-bg: rgba(0, 0, 0, 0.45);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  color: var(--matrix-green);
  background-color: var(--matrix-black);
  background-image: url('https://allyourgeek.com/gfx/binary-matrix.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  font-family: "Courier New", Courier, monospace;
}

a {
  color: var(--matrix-link-green);
}

a:hover,
a:focus {
  color: var(--matrix-link-hover);
}

.site-wrap {
  max-width: 900px;
  margin: 2.5rem auto;
  padding: 1.5rem;
  background: var(--matrix-panel);
  border: 2px solid var(--matrix-grey);
}

.site-title,
.entry-title,
.entry-content,
.widget,
.comment,
.entry-meta {
  border: 1px solid var(--matrix-grey);
  padding: 0.75rem;
  margin: 0 0 1rem;
  background: var(--matrix-content-bg);
}

.top-navigation {
  border: 1px solid var(--matrix-grey);
  padding: 0.75rem;
  margin: 0 0 1rem;
  background: var(--matrix-content-bg);
}

.top-navigation .top-navigation-menu,
.top-navigation .top-navigation-menu ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
}

.entry-content p:last-child {
  margin-bottom: 0;
}