body,html{background:#ebeff1;font-family:Roboto;margin:0;padding:0}#insert-box,#list-box,h1{margin-left:auto;margin-right:auto;padding:3%;width:86%}.box{background:#fff;box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f;margin-bottom:20px}#insert-box button,#insert-box h3,#insert-box input{width:100%}.box h3{margin-top:0}input{border:0;border-bottom:1px solid #999;font-size:16px;font-weight:lighter;margin-bottom:20px;padding-bottom:7px}button,input:focus{outline:none}button{background-color:#009688;border:none;border-radius:4px;box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f;color:#fff;cursor:pointer;font-size:16px;padding:1.5%}h1{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-size:1.17em;font-weight:700;margin:0 auto;padding:3%;width:92%}h3{color:#0000008a;font-size:14px}ul{display:inline-block;list-style:none;padding:0 16px;position:relative}ul#heroes-list li{float:left;margin-bottom:6px;margin-top:6px;width:100%}.color-box{border:1px solid grey;border-radius:2px;float:left;height:20px;margin-right:11px;width:20px}#heroes-list{width:100%}.actions{float:right}i{cursor:pointer}
/*# sourceMappingURL=main.a6eda693.css.map*/