/* This file is for your main application css. */
html {
  background-color: #313b31;
  color: #fff;
  font-size: large; }

/* da motha fuckin css grid */
.grid {
  display: grid;
  gap: 1rem;
  grid-template-areas: "image-col" "text-col"; }
  @media (min-width: 600px) {
    .grid {
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "image-col text-col"; } }

hr {
  height: 2px;
  width: 50%;
  color: gray;
  background-color: gray; }

.full-nav {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 600px) {
    .full-nav {
      display: none; } }

.right a, .pagination p, .pagination a {
  align-self: center;
  background-color: #502b50;
  border: none;
  color: white;
  padding: .5em 1em;
  margin: .25em;
  text-align: center;
  text-decoration: none; }
  .right a:visited, .pagination p:visited, .pagination a:visited {
    color: white; }

.left {
  margin: .75em;
  align-self: flex-start; }

.right {
  align-self: flex-end;
  display: flex; }

.mobile-nav {
  display: none; }
  @media (max-width: 600px) {
    .mobile-nav {
      display: flex;
      justify-content: space-between; } }

h2 {
  margin: 0; }

a {
  color: #e7cdf9; }
  a:visited {
    color: #c9ccb8; }

.tag-links a {
  margin: 0 .5em; }

.container {
  margin: 0 5em; }
  @media (max-width: 600px) {
    .container {
      margin: 0 1em; } }

.image-col {
  background-color: #adadad;
  display: inline-grid;
  padding: 1em;
  border: #221621;
  border-width: 0.25rem;
  border-style: solid;
  max-height: 15em; }
  .image-col img {
    height: auto;
    max-width: 95%;
    max-height: inherit;
    justify-self: center;
    align-self: center; }

.text-col {
  background-color: #502b50;
  padding: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  border: #221621;
  border-width: 0.25rem;
  border-style: solid; }

.post-body {
  max-width: 70em;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  .post-body .title {
    margin: .25em; }

table, th, td {
  border: 1px solid black; }

.pagination {
  display: flex; }
  .pagination p {
    background-color: gray; }


/*# sourceMappingURL=app.css.map*/