img{width:300px;margin:10px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin-top:60px}#app,.drop-area{text-align:center}.drop-area{border:2px dashed #ccc;border-radius:20px;padding:50px;font-size:20px;color:#ccc;background-color:#f9f9f9;transition:.2s}.drop-area:hover{border-color:#b2b2b2;color:#b2b2b2}ul{display:flex;flex-wrap:wrap;padding:0;justify-content:space-around}li{flex:1 0 20%;margin:5px;list-style-type:none;border:1px solid #ccc;border-radius:4px;padding:10px;text-align:center;background-color:#f9f9f9}li:hover{background-color:#e9e9e9}