ol {
    list-style: none;
    padding-left: 0;
  }

  ul {
    padding-left: 0;
    text-align: center;
  }
  
  a {
    text-decoration: none;
    color: inherit;
  }
  
  h1 {
    text-align: center;
    background: hsl(328, 90%, 63%);
    border: 1px solid black;
    text-align: center;
    font-size: 3.2em;
    margin-bottom: 2rem;
    color: white; 
    font-family: Georgia;
    text-shadow: 2px 2px #AA336A;
  }
  
  
  
  body {
    margin: 50px 0;
    font: 1rem/1.3 sans-serif;
  }
  
  .container {
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .articles{
    margin: auto;
    /*display: grid;*/
    grid-template-rows: auto;
    width: 100%;
  }
  
  
  input[type="checkbox"] {
    position: absolute;
    opacity: 0;
  }
  
  .filters {
    text-align: center;
    margin-bottom: 2rem;
  }
  
  
  .filters * {
    display: inline-block;
    
  }
  
  .filters label {
    padding: 0.5rem 1rem;
    margin-bottom: 0.25rem;
    border-radius: 2rem;
    min-width: 50px;
    line-height: normal;
    cursor: pointer;
    transition: all 0.1s;
    font-family: American Typewriter;
    text-align: center;
    
  }
  
  .filters label:hover {
    background: hotpink;
    color: white;
  }
  
  .filters .topic:hover {
    background: #FFBF00;
    color: white;
  }
  
  .filters .funding:hover {
    background: cornflowerblue;
    color: white;
  }
  
  .filters .affinity:hover {
    background: mediumturquoise;
    color: white;
  }
  
  /*.posts {
   display: grid;
    grid-gap: 1.5rem;;  
  }*/
  
  .posts .post {
     /*display:none;*/
    background: #fafafa;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color:hotpink;
    margin: 7% auto;
    padding: 20px;
    border: 2px solid deeppink;
    width: 80%;
    overflow: auto;
  }
  
  
  
  .posts .post-title {
    font-size: 2rem;
    text-align: center;
    color:white;
    text-shadow: 2px 2px #AA336A;
    text-decoration:underline;
  }
  
  .posts .post-title:hover{
    color: turquoise;
  }
  
  .posts .post-categories {
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
  }
  
  .posts .post-categories * {
    display: inline-block;
  }
  
  .posts .post-categories li {
    margin-bottom: 0.2rem;
  }
  
  
  .posts .post-categories a:hover {
    background: var(--hotpink);
    color: var(--white);
  }
  
  
  /*the tags that are on the pop up*/
  .posts .post-categories a {
    padding: 0.2rem 0.5rem;
    border-radius: 1rem;
    border: 1px solid;
    line-height: normal;
    transition: all 0.1s;
    background: white;
    color: hotpink;
    text-decoration: none;
  }
  
  .posts .affinity a {
    background: mediumturquoise;
    color: white;
  }

  .posts .topic a {
    background: #FFBF00;
    color: white;
  }

  .posts .funding a {
    background: cornflowerblue;
    color: white;
  }
  
  .description
  {
     padding: .5rem 1.3rem;
     background: white;
     border-radius: 1rem;
  color:hotpink;
  overflow: hidden;
  width: fit-content;
  }
  
  
  [value="news"]:checked ~ .posts .post:not([data-category*="news"]),
  [value="science"]:checked ~ .posts .post:not([data-category*="science"]),
  [value="culture"]:checked ~ .posts .post:not([data-category*="culture"]),
  [value="nonprofit"]:checked ~ .posts .post:not([data-category*="nonprofit"]),
  [value="worker"]:checked ~ .posts .post:not([data-category*="worker"]),
  [value="independent"]:checked ~ .posts .post:not([data-category*="independent"]),
  [value="identity"]:checked ~ .posts .post:not([data-category*="identity"]),
  [value="locality"]:checked ~ .posts .post:not([data-category*="locality"]),
  [value="fullPage.js"]:checked ~ .posts .post:not([data-category*="fullPage.js"]) {
    display: none;
  }
      
  
  [value="news"]:checked ~ .filters [for="news"],
  [value="science"]:checked ~ .filters [for="science"],
  [value="culture"]:checked ~ .filters [for="culture"],
  [value="nonprofit"]:checked ~ .filters [for="nonprofit"],
  [value="worker"]:checked ~ .filters [for="worker"],
  [value="independent"]:checked ~ .filters [for="independent"] {
    background: #FFBF00;
    color: white;
  }
  
  [value="nonprofit"]:checked ~ .filters [for="nonprofit"],
  [value="worker"]:checked ~ .filters [for="worker"],
  [value="independent"]:checked ~ .filters [for="independent"] {
    background: cornflowerblue;
    color: white;
  }
  
  [value="identity"]:checked ~ .filters [for="identity"],
  [value="locality"]:checked ~ .filters [for="locality"] {
    background: mediumturquoise;
    color: white;
  }