@charset "UTF-8";
body {
  font-family: sans-serif;
  display: flex;
  background: mistyrose;
  width: 100vw;
  justify-content: space-between;
  flex-wrap: wrap;
  overflow-x: hidden;
  font-size: .9em; }

section {
  background: mistyrose;
  width: 100vw;
  -webkit-box-shadow: 0px -148px 199px -28px pink;
  -moz-box-shadow: 0px -148px 199px -28px pink;
  box-shadow: 0px -148px 199px -28px pink;}

#filters {
  bottom: 0;
  height: 100vh;
  width: 25vw;
  position: fixed;
  padding-left: .5vw;
  padding-right: .5vw;
  overflow: auto;
}
  #filters .infos {
    height: auto;
    font-size: .9rem;
    padding:.5vw;
    line-height: normal;
  }
  #filters input {
    margin: 1vw;
    border: 1px solid;
 }
  #filters h1 {
    font-family:  monospace;
    font-size: .9rem;
    color: green;
    background: lightgrey;
    margin-bottom: 1vw; }
  #filters ul {
    padding: .3vw;
    margin: .3vw;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    }
    #filters ul li {
      text-transform: capitalize;
      background: transparent;
      color: green;
    line-height: normal; }
    #filters ul li:hover {
      cursor: pointer;
      background: transparent;
      color: green;
      background: lightgrey; }
    #filters ul li:not(:first-child):before {
      content: '❍ '; }
    #filters ul li:not(:first-child):hover:before {
      content: '◉ ';
      color: green; }
    #filters ul li.clicked {
      color: green;
      background: lightgrey;}
    #filters ul li.clicked:before {
      content: '◉ ';
        background: lightgrey;
      color:green;
      border-radius: 75%; }
    #filters ul li span {
      display: inline-block; }

#content {
  background: mistyrose;
  width: 74vw;
  margin-left: 25vw;
  color: black;
}
  #content ul {
    margin: 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  background: mistyrose; }
  #content .select .title {

      }
  #content span {
    padding: 0;
    margin: 0; }
  #content li {
    padding: 2vh;
    width: 65vw;
    min-width: 55vw;
    line-height: 1.4em; }
    #content li:hover {
      -webkit-box-shadow:  0px 21px 199px -48px lightgrey;
      -moz-box-shadow:  0px 21px 199px -48px  lightgrey;
      box-shadow:  0px 21px 199px -48px lightgrey; }
    #content li .title {
        color: green;
        background: lightgrey;
        font-family:  monospace;
        font-size: .9rem;
      -webkit-box-shadow: 0px 161px 199px -48px lightgrey;
      -moz-box-shadow: 0px 161px 199px -48px lightgrey;
      box-shadow: 0px 161px 199px -48px lightgrey;
   }
      #content li .title:hover {
        color: green;
        -webkit-box-shadow: inset  0px 21px 199px -48px  lightgrey;
        -moz-box-shadow: inset 0px 21px 199px -48px lightgrey;
        box-shadow: inset 0px 21px 199px -48px  lightgrey; }
    #content li p {
      padding: 1vw; }
    #content li a {
          color: black;
      text-decoration: none; }
    #content li .description {
      padding: 1vw; }

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