.App{display:flex;flex-direction:column;padding:5px}.display{display:flex;flex-direction:row}.frame{margin:5px;flex:0 1 auto}.frame CANVAS{max-width:100%}.controls{border-top:1px solid #999999;padding-top:2px}.control{display:inline-block;margin:5px}.control input[type=range]{margin:5px 5px 0 0;vertical-align:middle}.control input[type=number]{width:5em}.element{margin-right:4px}.matrix{display:flex;flex-direction:row}.change-btn{cursor:pointer;color:#32a0ff66;margin-left:10px}.change-btn:hover{color:#32a0ff}.change-btn input[type=file]{width:0px}.control.button{float:right}button{background-color:#aaa;font-size:1.5em;text-transform:uppercase}@media screen and (max-width: 600px){.display{display:flex;flex-direction:column}.control{display:block;margin-top:10px}}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background-color:#333;color:#fff}