.MemoryGame .card{height:30vh}.card__back{background-color:#1e90ff}.MemoryGame{display:flex;flex-wrap:wrap}.MemoryGame .card{flex-basis:50%;flex-grow:0;min-height:30vh;max-height:30vh;background-color:transparent;border:4px solid #f1f1f1}.MemoryGame.cards-3 .card{flex-basis:33%}.MemoryGame.cards-4 .card{flex-basis:24%}.MemoryGame.cards-5 .card{flex-basis:20%}div.card__inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.card.flip .card__inner{transform:rotateY(180deg)}.card__back,.card__front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card__front{background-color:#000;color:#fff}.card__back{background-color:#ffc108;color:#fff;transform:rotateY(180deg);background-position:50%}.red{background-color:red}.blue{background-color:#00f}.yellow{background-color:#ff0}.green{background-color:green}.brown{background-color:brown}.gray{background-color:grey}.lightgreen{background-color:#90ee90}.cadetblue{background-color:#5f9ea0}.violet{background-color:violet}.off{background-color:#eee}.hidden{background-color:#000}.text-center-dropzone{display:flex;height:100%;justify-content:center;align-content:center;text-align:center}.dropzone{padding:30px;height:18vh;border:5px dashed #3f9fff;outline:none;cursor:pointer}.dropzone-error{border:5px dashed #dc3545}.dropzone-active{background-color:#f1e2ff;border:5px solid #2fd7b5}.dropzone-content{align-self:center;font-size:24px}.file-list{margin:20px 0;padding:0;list-style:none;display:flex;flex-wrap:wrap}.file-item{width:calc(30% - 20px);height:30%;border:1px solid #eaeaea;border-radius:4px;margin:10px;transition:all .2s linear;position:relative}.file-item button.btn{position:absolute;top:2px;right:2px;cursor:pointer}.file-img{width:100%;height:100%}