.containermain{display:flex;width:100%;height:70vh}.draggable-items{transition:opacity .5s}.draggable,.draggable-items{display:flex;justify-content:center}.draggable{height:7rem;width:7rem;align-items:center;font-size:4rem;font-weight:700;margin:0 .5rem;cursor:move;transition:opacity .2s}.draggable:hover{opacity:.5}.matching-pairs{transition:opacity .5s;justify-content:center}.matching-pair{width:7rem;height:14rem}.matching-pair span{display:flex;justify-content:center;align-items:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.label{width:15rem;font-size:2rem}.droppable{width:7rem;height:7rem;font-size:4rem;background-color:#fff;border:3px dashed #111;transition:.2s}.droppable-hover{background-color:#bee3f0;transform:scale(1.1)}.dropped{border-style:solid}.dragged{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.draggable.dragged:hover,.dragged{opacity:.1}.deck{background:linear-gradient(180deg,#5cf,#33ffd1);border-radius:1.5em;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;height:100%;margin-bottom:6em;padding:.5em;width:100%}.card-memoria,.deck{box-shadow:5px 2px 20px 0 rgba(46,61,73,.5)}.card-memoria{background:#fc4;border-radius:.5em;height:7em;width:7em;cursor:pointer}.deck img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:6em;visibility:hidden}.deck li{list-style:none}.deck .card-memoria.flip-memoria{background:#fff;cursor:default;transform:rotateY(180deg);transition:transform .3s linear;pointer-events:none}.flip-memoria img{background:#fff;visibility:visible}.deck .card-memoria.match-memoria{background:#39d;visibility:visible;cursor:default;-webkit-animation:pulse 1s;animation:pulse 1s}.deck .card-memoria.no-match-memoria{transform:rotateY(1turn);transition:transform .3s linear}.no-match-memoria img{background:#fff;visibility:visible}.match-memoria img{background:#39d}@media screen and (min-width:550px){.deck{padding:2em}.card-memoria{height:10em;width:10em}.deck img{width:9em}.play-again-btn{font-size:1.8em}}@media screen and (min-width:800px){.card-memoria{height:15em;width:15em}.deck img{width:13em}}