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

section {
  background: white;
  width: 100vw;
  -webkit-box-shadow: 0px -148px 199px -48px blue;
  -moz-box-shadow: 0px -148px 199px -48px blue;
  box-shadow: 0px -148px 199px -48px blue; }

#filters {
  bottom: 0;
  width: 100vw;
  -webkit-box-shadow: 0px -148px 199px -48px lightcyan;
  -moz-box-shadow: 0px -148px 199px -48px lightcyan;
  box-shadow: 0px -148px 199px -48px lightcyan;
  position: fixed;
  padding: .3vw; }
  #filters .infos {
    color: black;
    font-stretch: expanded;
    height: auto;
    text-transform: capitalize;
    border-left: 13px dotted lime;
    border-bottom: 6px dotted lime;
    border-radius: 75%;
    max-height: 5vh;
    font-size: 1.4em; }
  #filters input {
    margin: 1vw;
    border: 1px solid lime;
    color: lime; }
  #filters h1 {
    color: black;
    border-left: 10px dotted lime;
    border-radius: 95%;
    margin-bottom: 1vw;
    background: lime; }
  #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; }
    #filters ul li:hover {
      cursor: pointer;
      color: lime; }
    #filters ul li:not(:first-child):before {
      content: '✗ '; }
    #filters ul li:not(:first-child):hover:before {
      content: '✔ ';
      color: lime; }
    #filters ul li.clicked {
      color: lime; }
    #filters ul li.clicked:before {
      content: '✔ ';
      color: lime;
      border-left: 1px dotted lime;
      border-bottom: 1px dotted lime;
      border-radius: 75%; }
    #filters ul li span {
      display: inline-block; }

#content {
  background: transparent;
  width: 100vw;
  margin-bottom: 20vw; }
  #content ul {
    margin: 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; }
  #content .select .title {
    text-decoration: underline;
    color: black; }
  #content span {
    padding: 0;
    margin: 0; }
  #content li {
    padding: 2vh;
    width: 60vw;
    min-width: 55vw;
    line-height: 1.4em; }
    #content li:hover {
      color: lime;
      -webkit-box-shadow: inset  0px 21px 199px -48px  lime;
      -moz-box-shadow: inset 0px 21px 199px -48px  lime;
      box-shadow: inset 0px 21px 199px -48px  lime; }
    #content li .title {
      color: black;
      -webkit-box-shadow: 0px 161px 199px -48px blue;
      -moz-box-shadow: 0px 161px 199px -48px blue;
      box-shadow: 0px 161px 199px -48px blue;
      -webkit-box-shadow: inset  0px 11px 199px -48px  lime;
      -moz-box-shadow: inset 0px 11px 199px -48px  lime;
      box-shadow: inset 0px 11px 199px -48px  lime; }
      #content li .title:hover {
        color: lime;
        -webkit-box-shadow: inset  0px 21px 199px -48px  lime;
        -moz-box-shadow: inset 0px 21px 199px -48px  lime;
        box-shadow: inset 0px 21px 199px -48px  lime; }
    #content li p {
      padding: 1vw; }
    #content li a {
      color: black;
      text-decoration: none; }
    #content li .description {
      padding: 1vw; }

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