.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h2{text-align:center}.heroes-menu{flex-flow:wrap;place-content:flex-start space-around;align-items:flex-start;max-width:1000px;margin:auto;padding:0;display:flex}a{color:#fff;text-align:center;box-sizing:border-box;background-color:#3f525c;border-radius:2px;flex:0 auto;order:0;align-self:auto;width:100%;min-width:70px;margin:.5rem auto;padding:1rem;font-size:1.2rem;text-decoration:none;display:inline-block}@media (width>=600px){a{box-sizing:content-box;width:18%}}label{color:#435960;font-weight:700}input{padding:.5rem;font-size:1em}button{background-color:#eee;border-radius:4px;margin-top:20px;margin-right:.5rem;padding:1rem;font-size:1rem}button:hover{background-color:#cfd8dc}button:disabled{color:#ccc;cursor:auto;background-color:#eee}.heroes{width:15em;margin:0 0 2em;padding:0;list-style-type:none}input{box-sizing:border-box;width:100%;margin:1rem 0;padding:.5rem;display:block}.heroes li{cursor:pointer;position:relative}.heroes li:hover{left:.1em}.heroes a{color:#333;background-color:#eee;border-radius:4px;width:100%;height:1.6em;margin:.5em;padding:.3em 0;text-decoration:none;display:block}.heroes a:hover{color:#2c3a41;background-color:#e6e6e6}.heroes a:active{color:#fafafa;background-color:#525252}.heroes .badge{color:#fff;text-align:right;background-color:#405061;border-radius:4px 0 0 4px;min-width:16px;height:1.8em;margin-right:.8em;padding:.8em .7em 0;font-size:small;line-height:1em;display:inline-block;position:relative;top:-4px;left:-1px}.add-button{margin-bottom:2rem;padding:.5rem 1.5rem;font-size:1rem}.add-button:hover{color:#fff;background-color:#42545c}button.delete{color:#525252;background-color:#fff;margin:0;padding:1px 10px 3px;font-size:1.1rem;position:absolute;top:5px;left:210px}button.delete:hover{color:#fff;background-color:#525252}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}