html body #app .copy{position:fixed;bottom:30px;left:30px;z-index:10;display:none}html body #app hr.transparent{background-color:rgba(0,0,0,0)}html body #app hr.big{height:50px}html body #app h2{font-size:70px;text-align:left;margin:auto;width:90%;border-bottom:5px solid #e2dd3a}html body #app .flex{display:flex;width:100%;margin:auto;flex-wrap:wrap;justify-content:space-around}html body #app .flex .card{width:28%;min-width:250px;max-width:calc(33.3333333333% - 60px);margin:30px;border-radius:20px}html body #app .flex .card .up{position:relative}html body #app .flex .card .up .image{overflow:hidden;width:100%;filter:brightness(100%);transition:filter .1s 0s;border-top-left-radius:20px;border-top-right-radius:20px}html body #app .flex .card .up .image img{border-radius:inherit;width:100%;transform:scale(1);transition:transform .1s 0s}html body #app .flex .card .up .buttons{position:absolute;top:20px;right:auto;left:20px;display:none}html body #app .flex .card .up .buttons .share{border:2px solid #fff;display:inline-block;border-radius:100%;height:40px;width:40px;margin:2px}html body #app .flex .card .up .buttons .share:hover{border:4px solid #fff;margin:0}html body #app .flex .card .up .buttons .share img{width:20px;height:20px;margin:10px;filter:brightness(0) invert(1)}html body #app .flex .card .up .time{position:absolute;bottom:20px;right:auto;left:20px;display:none;color:#fff}html body #app .flex .card .up .star{position:absolute;top:20px;right:20px;color:#fff}html body #app .flex .card .up .star img{width:30px}html body #app .flex .card .up:hover .image{filter:brightness(20%);transition:filter .3s 0s}html body #app .flex .card .up:hover .image img{transform:scale(1.1);transition:transform .3s 0s}html body #app .flex .card .up:hover .buttons,html body #app .flex .card .up:hover .time{display:block}html body #app .flex .card .down{background-color:#1c1622}html body #app .flex .card .down>div{font-weight:200;display:flex;margin:0 10px;padding:10 5px;flex-wrap:wrap}html body #app .flex .card .down>div>div{flex:1 1 100px}html body #app .flex .card .down>div .left{text-align:left}html body #app .flex .card .down>div .right{text-align:right}html body #app .flex .card .down>div .left,html body #app .flex .card .down>div .right{min-width:100px}html body #app .flex .card .down>div .pname{font-size:125%;font-weight:500}html body #app .flex .card .down>div .aname{font-weight:500}html body #app .flex .card .down>div .cat{background-color:#e2dd3a;padding:5px 10px;margin:2px 3px;color:#1c1622}html body #app .flex .card .down>div .categories{display:flex;flex-direction:row-reverse;flex-wrap:wrap;margin-top:5px}html body #app .flex .card .down>.wrap{flex-wrap:wrap}html body #app .flex .card .down>.wrap>div{min-width:200px}/*# sourceMappingURL=projects.min.css.map */