@import url('fonts.css');
@import url('navbar.css');

:root {
  --text: #ffffff;
  --text-faint: #aaaaaa;
  --background: #04040b;
  --secondary-background: rgb(16.55, 16.55, 23.2);
  --primary: #42f548;
  --secondary: #030026;
  --accent: #ff33e0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0px;
  padding: 0px;
  background-color: var(--background);
  color: var(--text);
  max-width: 100vw;
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

a h1, a h2, a h3, a h4, a h5, a h6 {
  color: inherit;
  background-color: inherit;
}

a:link {
  color: var(--primary);
}

a:link:hover {
  color: var(--background);
  background-color: var(--primary);
}

a:visited {
  color: var(--accent);
}

a:visited:hover {
  color: var(--background);
  background-color: var(--accent);
}


main {
  max-width: 1000px;
  margin:auto;
  padding: 2rem;
}

article img {
  max-width: 100%;
}

.youtube-embed-container {
  position: relative;
  max-width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.youtube-embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#post-header {
width: 100%;
}

code, pre {
  background-color: var(--secondary-background);
  padding: 4px;
}