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-color:#113ccf;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath fill-rule='evenodd' d='m11 0 5 20H6l5-20zm42 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM0 72h40v4H0v-4zm0-8h31v4H0v-4zm20-16h20v4H20v-4zM0 56h40v4H0v-4zm63-25a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM53 41a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-30 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-28-8a5 5 0 0 0-10 0h10zm10 0a5 5 0 0 1-10 0h10zM56 5a5 5 0 0 0-10 0h10zm10 0a5 5 0 0 1-10 0h10zm-3 46a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM21 0l5 20H16l5-20zm43 64v-4h-4v4h-4v4h4v4h4v-4h4v-4h-4zM36 13h4v4h-4v-4zm4 4h4v4h-4v-4zm-4 4h4v4h-4v-4zm8-8h4v4h-4v-4z' fill='%23bff5fd' fill-opacity='.4'/%3E%3C/svg%3E");color:#113ccf;font-family:arial;margin:0;padding:0;text-align:center}.cards-container{margin:0 20px}.monster-card{-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#bff5fd;border:none;border-radius:.25rem;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;padding:20px;-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}.monster-card:hover{-webkit-transform:scale(1.025);transform:scale(1.025)}.monster-card h1,.monster-card p{margin:.5rem}.monster-card h1{border-bottom:2px solid #113ccf;font-family:Passion One,arial}.character-img{height:auto;max-height:250px;max-width:100%;min-height:250px;object-fit:contain;width:100%}.character-img,.img-container{border-radius:.25rem}.monster-card .character-img{height:100%;object-fit:cover;width:100%}.cards-list{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));margin:0 auto;width:90vw}.search-bar{-webkit-appearance:none;border:none;border-radius:.25rem;color:#113ccf;font-weight:700;line-height:30px;margin-bottom:30px;outline:none;padding:5px;width:250px}.search-bar:focus{border:2px solid #bff5fd}.logo{margin:2rem auto;width:50%}.creator{color:#fff;font-family:Passion One,arial;font-size:2rem;margin:1.5rem auto;text-decoration:none}.sorry-message{background-color:#bff5fd;border-radius:.25rem;color:#113ccf;font-size:1.5rem;padding:1rem;width:400px}.form button{background:none;border:none;color:#8b8ba7}.form{--timing:0.3s;--width-of-input:80%;--height-of-input:40px;--border-height:2px;--input-bg:#fff;--border-color:#2f2ee9;--border-radius:30px;--after-border-radius:1px;align-items:center;background:#fff;background:var(--input-bg,#fff);border-radius:var(--border-radius);display:flex;height:var(--height-of-input);margin:2rem auto;padding-inline:.8em;position:relative;transition:border-radius .5s ease;width:var(--width-of-input)}.input{background-color:initial;border:none;color:#113ccf;font-size:.9rem;font-weight:900;height:100%;padding-block:.7em;padding-inline:.5em;width:100%}.form:before{background:var(--border-color);border-radius:1px;bottom:0;content:"";height:var(--border-height);left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center;transform-origin:center;transition:-webkit-transform var(--timing) ease;transition:transform var(--timing) ease;transition:transform var(--timing) ease,-webkit-transform var(--timing) ease;width:100%}.form:focus-within{border-radius:var(--after-border-radius)}input:focus{outline:none}.form:focus-within:before{-webkit-transform:scale(1);transform:scale(1)}.reset{background:none;border:none;opacity:0;visibility:hidden}input:not(:placeholder-shown)~.reset{opacity:1;visibility:visible}.form svg{margin-top:3px;width:17px}.image-container{border-radius:.25rem;overflow:hidden}@media (max-width:768px){.cards-list{grid-template-columns:1fr}.logo{width:90%}.form,.logo{margin:1rem auto}}@media (max-width:390px){.cards-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:375px){.cards-list{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}}@media (max-width:393px){.cards-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:360px){.cards-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:280px){.cards-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.cards-list{grid-template-columns:1fr}}@media (max-width:820px){.logo{width:90%}.form{margin:1rem auto}}@media (max-width:912px) and (max-height:1368px){.logo{width:80%}}@media (min-width:1200px){.form{width:50%}}
/*# sourceMappingURL=main.5ed3b8be.css.map*/