body{margin:0;padding:0;display:flex;place-items:center;min-width:100vw;min-height:100vh;align-items:center;justify-content:center;overflow-x:hidden}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#030303;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{text-align:center}.spells-list{display:flex;flex-wrap:wrap;gap:5px;padding:0;list-style-type:none;justify-content:center;margin:20px}.card{height:fit-content}.spell-item{margin:0;padding:0 15px;background-color:#290701;color:#fdf6bd;width:900px;align-items:center;justify-content:center;display:flex;height:800px;border:#952f0e 3px solid;border-radius:5px}p{font-size:15px}select{background-color:#fdf6bd;color:#290701}h1{text-align:center;font-size:3.2em;line-height:1.1}#card-body{width:500px;display:flex;flex-direction:row;background-color:#faef90;color:#000;padding:0 10px;margin:5px auto}li{list-style-type:none}#dropdown-container{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}button{width:100px;padding:10px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}@media (max-width: 600px){h1{font-size:30px}.spells-list{display:flex;gap:20px;padding:0;list-style-type:none;justify-content:center;margin-top:20px}.spell-item{margin:0 20px;padding:5px;background-color:#290701;color:#fdf6bd;width:fit-content;align-items:center;justify-content:center;display:flex;height:max-content;border:#952f0e 3px solid;border-radius:5px}#filters{display:flex;flex-direction:column}}