@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap);body{background:#181a1b;color:#fff}.App{text-align:center;font-family:"Open Sans",sans-serif}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spell-container{display:flex;flex-wrap:wrap;justify-content:center}.spell{border:2px solid #fff;border-radius:5px;width:15%;margin:2%}.spell,.spell:hover{transition:all .3s ease-in-out}.spell:hover{cursor:pointer;background:#61dafb}.spell-wide{border:4px solid #61dafb;margin:2%;padding:2%;width:80%}.spell-wide,.spell-wide:hover{transition:all .3s ease-in-out}.spell-wide:hover{cursor:pointer;background:#61dafb}.hide{display:none;transition:all 2s ease-in-out}
/*# sourceMappingURL=main.eef970d8.chunk.css.map */