@import "base.css";
@import "nav_bar.css";
@import "footer.css";

main {
  padding-top: 3rem;
  padding-bottom: 3rem;

  img {
    border: 1px solid var(--navbar-bg);
    width: 100%;
  }

  h1 {
    margin: 5rem 0;
  }
  h2,
  h3,
  h4,
  h5 {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
  }
  a {
    color: var(--link-color);

    &:visited {
      color: var(--link-visited);
    }

    &:hover {
      color: var(--link-hover);
    }
  }

  p {
    margin: 1em 0;
  }

  .resolution {
    display: inline-block;
    margin-top: 10vh;
  }

  blockquote {
    margin: 10px 0;
    border: 1px solid var(--navbar-bg);
    border-left: 10px solid var(--navbar-bg);
    padding: 0 10px;
    & > * {
      position: relative;
      &::before {
        position: absolute;
        content: "";
        background-color: var(--navbar-bg);
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        top: 0.3rem;
        left: -15px;
      }
    }
  }
}