body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;font-family:"Philosopher",sans-serif;margin:0;padding:0}.landing-container{background-attachment:fixed;background-image:url(/images/hogwarts.jpg);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;width:100vw}.landing-button{background-color:#e0b953;border:none;border-radius:2em;cursor:pointer;font-size:1em;font-weight:700;outline:none;padding:1em}.landing-button:hover{background-color:#ffdc2a}.landing-button:focus{border:3px solid #bf4e4e}.landing-link{align-self:flex-end;display:flex;margin:10em;outline:none;text-decoration:none}@media only screen and (max-width:658px){.landing-button{font-size:.8em;overflow:auto;width:25em}}.logo{height:100%;position:absolute;right:0}.header-container{align-items:center;background-color:#fff;display:flex;height:4em;justify-content:center;position:relative}h1{color:#000}.explore-container{align-items:center;background-attachment:fixed;background-blend-mode:darken;background-color:rgba(0,0,0,.5);background-image:url(/images/train-with-smoke.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}h2{color:#f0f8ff;font-size:5em;margin-bottom:1rem}.explore-buttons-container{display:grid;grid-gap:1em;grid-template-columns:1fr 1fr}.explore-button{background-color:#e0b953;border:none;border-radius:2em;cursor:pointer;font-weight:700;outline:none;padding:1em;width:20em}.explore-button:hover{background-color:#ffdc2a}.explore-button:focus{border:3px solid #bf4e4e}a{outline:none;text-decoration:none}@media only screen and (max-width:658px){.explore-container{overflow:auto}.explore-button{width:13em}}.sorting-container{align-items:center;background-attachment:fixed;background-blend-mode:darken;background-color:rgba(0,0,0,.5);background-image:url(/images/wand.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.sort-button{background-color:#e0b953;border:none;border-radius:2em;cursor:pointer;font-weight:700;height:4em;margin-top:1rem;outline:none;padding:1em;width:20em}.sort-button:hover{background-color:#ffdc2a}.sort-button:focus{border:3px solid #bf4e4e}.harry-potter-cartoon,.house-logo{border:1px solid #f0f8ff;border-radius:1em;height:20em;width:20em}.house{color:#f0f8ff;font-size:2em;font-weight:700;letter-spacing:.2em;margin:1em}.hermione-image{border:1px solid #f0f8ff;border-radius:1em;height:20em;margin-bottom:1rem}.advice-container{align-items:center;background-attachment:fixed;background-blend-mode:darken;background-color:rgba(0,0,0,.5);background-image:url(/images/old-car-parked-near-tree.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.advice-button{background-color:#e0b953;border:none;border-radius:2em;cursor:pointer;font-weight:700;outline:none;padding:1em;width:20em}.advice-button:hover{background-color:#ffdc2a}.advice-button:focus{border:3px solid #bf4e4e}.advice{color:#f0f8ff;font-size:2em;font-weight:700;margin:1em}.spells-container{display:grid;grid-gap:1em;grid-template-columns:1fr 1fr 1fr 1fr;padding:2em 10em;width:100%}.spell-page{background-attachment:fixed;background-blend-mode:darken;background-color:rgba(0,0,0,.5);background-image:url(/images/potions-classroom.jpg);background-position:50%;background-size:cover;height:100vh;overflow:scroll}.spell-buttons-container{display:flex;justify-content:flex-end;padding:2em 2em 0 0}select{background-color:#e0b953;border:none;border-radius:2em;cursor:pointer;font-size:1em;font-weight:700;margin-right:10em;outline:none;padding:1em;width:20em}select:hover{background-color:#ffdc2a}select:focus{border:3px solid #bf4e4e}.favorites-count{background-color:#e0b953;border-radius:2em;color:#000;font-weight:700;margin-right:2em;padding:1em;text-align:center;width:10em}.spells-header{display:flex;justify-content:center;margin-top:.5em}.spell-info{font-size:1.5em}@media only screen and (max-width:1530px){.spells-container{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:1190px){.spells-container{grid-template-columns:1fr 1fr}}@media only screen and (max-width:875px){.spells-container{grid-template-columns:1fr;justify-content:center}}@media only screen and (max-width:875px){.favorites-count,select{margin:0}select{margin-right:0}}.spell-container{background-color:rgba(0,0,0,.8);border:1px solid red;color:#fff;padding:5em}.characters-page{background-attachment:fixed;background-blend-mode:darken;background-color:rgba(0,0,0,.5);background-image:url(/images/hungarian-horntail-dragon.jpg);background-position:50%;background-size:cover;height:100vh;overflow:scroll}.characters-container{display:grid;grid-gap:1em;grid-template-columns:1fr 1fr;padding:2em 10em;width:100%}.character-buttons-container{display:flex;justify-content:flex-end;padding:2em 2em 0 0}.characters-header{display:flex;justify-content:center;margin-top:.5em}.loading-message{color:#bf4e4e;display:flex;font-size:2em;justify-content:center}.no-favorites-message{background-color:rgba(0,0,0,.5);color:red;font-size:4em}@media only screen and (max-width:1000px){.characters-container{grid-template-columns:1fr}}@media only screen and (max-width:600px){.characters-container{justify-content:center;overflow:auto;padding:2em 3em}}.character-container{background-color:rgba(0,0,0,.8);border:1px solid red;color:#fff;padding:5em}.character-info{font-size:1.5em;margin:1em}span{color:#e0b953}
/*# sourceMappingURL=main.96cff159.chunk.css.map */