body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}body{background:linear-gradient(270deg,#0f0808 0,#5d5c5b);font-family:Harry Potter,sans-serif;margin:0;padding:0;text-align:center}.title{font-size:80px;margin-bottom:50px;margin-top:75px}.home,.title{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#eddb66 22%,#4f3f0e 24%,#d0bd70 26%,#937b25 27%,#d7bb60 40%,#eadca5 78%);-webkit-background-clip:text;background-clip:none;color:#fff;font-family:Harry Potter,sans-serif}.poem{font-size:large}.navigation{background:transparent;display:flex;flex-flow:row wrap;justify-content:flex-end;list-style:none;margin:0}.navigation a{color:#fff;display:block;font-size:x-large;padding:1em;text-decoration:none}.navigation a:hover{background:gold}@media (max-width:800px){.navigation{justify-content:space-around}}@media (max-width:600px){.navigation{flex-flow:column wrap;padding:0}.navigation a{border-bottom:1px solid rgba(0,0,0,.1);border-top:1px solid hsla(0,0%,100%,.3);padding:10px;text-align:center}}.card-container{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin:0 auto;width:85vw}.character{-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:transparent;border:1px solid gold;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-evenly;padding:25px;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.character:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.char-detail-box,.character-house,.character-name{color:gold}.character-detail-box{font-size:x-large}h3{font-size:1.5em}h2{font-size:3.5em}h4{font-size:2em}.likes{background:transparent;border-color:#f7b612}textarea{height:100px;width:494px}.form{border:2px solid var(--dark-turquoise);display:flex;flex-direction:column;margin:0 auto;padding:1.75rem;width:500px}.addcharacter-page-header{color:gold;font-size:3em}.label-description,.label-house,.label-image,.label-name{color:gold;font-size:x-large}.search{-webkit-appearance:none;border:none;font-size:medium;line-height:30px;margin-bottom:30px;outline:none;padding:10px;width:160px}
/*# sourceMappingURL=main.5d7ec595.css.map*/