body,html{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1c1c1c;color:#c3c2c2;margin:40px 0;font-size:.95em}.order-by{display:flex;justify-content:center}.order-by span{cursor:pointer;color:orange}.order-by .ascending:after{content:" \2191";font-size:20px}.order-by .descending:after{content:" \2193";font-size:20px}.tile-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:60%;margin:0 auto}.tile{max-width:300px;width:300px;background:#302e2e;margin:10px;border-radius:10px}.tile .title-container{position:relative;background-color:rgba(0,0,0,.76);padding:10px 10px;cursor:pointer}.tile .title-container h1{font-weight:400;margin:0}.tile .title-container h1:hover{color:orange}.tile .title-container p{margin-bottom:0}.tile img{border-top-right-radius:10px;border-top-left-radius:10px;margin-bottom:-86px}.tile .tile-info{width:85%;margin:35px auto}.tile .tile-info p{display:flex;justify-content:space-between}.tile .tile-info hr{border-top:0;border-color:#c3c2c2}.tile .tile-info span{color:orange;text-align:right;cursor:pointer}.keywords{margin:20px auto;background:#302e2e;width:60%;display:flex;justify-content:space-between;padding:0 50px}.keywords,.keywords .filters div{border-radius:10px;align-items:center}.keywords .filters div{display:inline-flex;margin:5px 10px 0 0;padding:0 10px;background-color:#1c1c1c;height:45px}.keywords .filters div span{position:relative;cursor:pointer;left:10px;background:orange;border-radius:10px;font-size:16px;padding:12px 8px;color:#000}.keywords .filters div span:hover{background:#000;color:orange}.keywords .filters div h4{cursor:unset}.keywords h5{font-size:1em;cursor:pointer}.keywords h5:hover{color:orange}