*{box-sizing:border-box;max-width:100%;background:transparent}@font-face{font-family:HearthFont;src:url(/static/media/LHFUncialCaps.39e74835.ttf)}#bgImg{background-image:url(/static/media/kisspng-hearthstone-texture-mapping-3d-computer-graphics-a-chocolate-background-5aac189f8939b8.5808127115212279355621.6622aaf7.png);background-repeat:repeat;background-size:30%;filter:blur(.5px);z-index:-1;position:fixed;width:100vw;height:100%;top:0;left:0}body{cursor:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/836/hearthstone-cursor.png) 10 2,auto;background:transparent}body:active{cursor:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/836/hearthstone-click.png) 10 2,auto}.App{text-align:center;display:flex;width:100vw;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}#display{font-family:HearthFont;padding-top:min(50px,5%);background:transparent;color:#fff0dc}.cardImg{max-width:16%}::-webkit-scrollbar{width:10px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{background-color:#000;border:2px solid #555}@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)}}.main-header{font-family:HearthFont,serif;color:#ffe7a0;text-shadow:2px 2px 6px #2d1a06,0 0 8px #bfa76a;background:rgba(60,40,20,.92);border-radius:32px;margin-bottom:2.5rem;padding:2.5rem 4vw 2rem;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 6px #bfa76a;display:block;max-width:900px;width:90vw;margin-left:auto;margin-right:auto}.main-header h1{font-size:3.5rem;margin:0 0 1rem;letter-spacing:3px}.subtitle{font-size:1.5rem;color:#fff0dc;margin:0;text-shadow:1px 1px 2px #2d1a06}.card-filter-bar{width:100%;display:flex;justify-content:center;margin-bottom:2rem;grid-gap:1.2rem;gap:1.2rem}.card-filter-input{font-family:HearthFont,serif;color:#ffe7a0;outline:none;box-shadow:0 4px 32px rgba(0,0,0,.25),inset 0 0 0 6px #2d1a06;width:100%;max-width:600px;transition:border-color .2s,box-shadow .2s,background .2s;margin:0;letter-spacing:1.2px;line-height:1.4;text-align:center}.card-filter-input:focus{box-shadow:0 6px 32px #bfa76a,inset 0 0 0 8px #2d1a06;color:#ffe7a0}.card-filter-input::placeholder{color:#ffe7a0;opacity:.8;letter-spacing:1.1px}.card-sort-select{font-family:HearthFont,serif;font-size:1.1rem;padding:.7rem 1.2rem;border-radius:18px;border:2px solid #bfa76a;background-color:#4d341a;color:#ffe7a0;outline:none;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:border-color .2s,box-shadow .2s,background .2s;margin:0;letter-spacing:1px;line-height:1.2;text-align:center;min-width:160px}.card-sort-select:focus{border-color:#ffe7a0;box-shadow:0 4px 16px #bfa76a;background:#4d341a;color:#ffe7a0}.card-sort-select option{background:#ffe7a0;color:#2d1a06;font-family:HearthFont,serif;font-size:1.1rem;border-radius:40px}@media (max-width:600px){.main-header{padding:1.2rem 2vw 1rem;max-width:98vw;border-radius:18px}.main-header h1{font-size:2rem}.subtitle{font-size:1rem}.card-filter-input{font-size:1rem;padding:.7rem 1rem;border-radius:14px;max-width:98vw}.card-sort-select{font-size:1rem;padding:.5rem .7rem;border-radius:12px;min-width:120px}}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:initial}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:initial}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:initial;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:initial}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.container{position:relative;margin:0 auto;padding:0 20px}.column,.columns,.container{width:100%;box-sizing:border-box}.column,.columns{float:left}@media (min-width:400px){.container{width:95%;padding:0}}@media (min-width:550px){.container{width:95%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:Raleway,HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;color:#222}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4rem;line-height:1.2}h1,h2{letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25}h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media (min-width:550px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1eaedb}a:hover{color:#0fa0ce}.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:initial;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#333;border-color:#888;outline:0}.button.button-primary,button.button-primary,input[type=button].button-primary,input[type=reset].button-primary,input[type=submit].button-primary{color:#fff;background-color:#33c3f0;border-color:#33c3f0}.button.button-primary:focus,.button.button-primary:hover,button.button-primary:focus,button.button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover{color:#fff;background-color:#1eaedb;border-color:#1eaedb}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{box-shadow:none;box-sizing:border-box;font-size:1.3rem;padding:1rem 2rem;border-radius:16px;border:3px solid #bfa76a;background-color:#4d341a}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:0;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#f1f1f1;border:1px solid #e1e1e1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}td,th{padding:12px 15px;text-align:left;border-bottom:1px solid #e1e1e1}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.button,button{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #e1e1e1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}@media (min-width:300px){#bgImg{background-size:110%}.cardImg{max-width:33%}p{font-size:2.5rem}}@media (min-width:750px){#bgImg{background-size:70%}.cardImg{max-width:25%}p{font-size:3rem}}@media (min-width:1000px){#bgImg{background-size:40%}.cardImg{max-width:20%}p{font-size:2.5rem}h1{font-size:6rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}@media (min-width:1200px){#bgImg{background-size:40%}.cardImg{max-width:16%}h1{font-size:7rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}p{font-size:3.5rem}}.card-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,.1fr));grid-gap:2rem;gap:2rem;padding:2rem;justify-items:center;justify-content:center}.card-item{background:rgba(60,40,20,.95);border-radius:18px;box-shadow:0 4px 16px rgba(0,0,0,.5),0 0 0 4px #bfa76a;overflow:hidden;transition:transform .2s,box-shadow .2s;max-width:260px;width:100%;color:#fff0dc;font-family:HearthFont,serif;position:relative;cursor:pointer}.card-item:focus,.card-item:hover{transform:translateY(-8px) scale(1.04);box-shadow:0 8px 32px 0 #bfa76a,0 0 0 4px #ffe7a0;z-index:2}.card-img{width:100%;display:block;border-bottom:2px solid #bfa76a;background:#2d1a06}.card-info{padding:1rem}.card-name{font-size:1.35rem;margin:0 0 .7rem;color:#ffe7a0;text-shadow:1px 1px 2px #2d1a06;letter-spacing:1.2px;line-height:1.25}.card-meta{display:flex;grid-gap:1rem;gap:1rem;font-size:1.05rem;margin-bottom:.7rem;letter-spacing:1px;line-height:1.3}.card-mana{background:#2d1a06;color:#ffe7a0}.card-mana,.card-type{border-radius:8px;padding:.2em .6em;font-weight:700}.card-type{background:#bfa76a;color:#2d1a06}.card-desc{font-size:1.08rem;margin-top:.7rem;color:#fff0dc;text-shadow:0 1px 2px #2d1a06;letter-spacing:.7px;line-height:1.5}.card-zoom-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(20,10,2,.85);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.card-zoom-modal{background:rgba(60,40,20,.98);border-radius:32px;box-shadow:0 8px 32px 0 #bfa76a,0 0 0 6px #ffe7a0;padding:2.5rem 2rem 2rem;max-width:480px;width:95vw;position:relative;text-align:center;color:#ffe7a0;font-family:HearthFont,serif}.card-zoom-img{width:100%;max-width:340px;border-radius:18px;box-shadow:0 4px 24px #2d1a06;margin-bottom:1.5rem;background:#2d1a06}.card-zoom-info{padding:.5rem .5rem 0}.card-zoom-info .card-name{font-size:1.7rem;letter-spacing:1.5px;line-height:1.25}.card-zoom-info .card-meta{font-size:1.15rem;letter-spacing:1.1px;line-height:1.3}.card-zoom-info .card-desc{font-size:1.18rem;letter-spacing:.8px;line-height:1.6}.card-zoom-close{position:absolute;top:1.2rem;right:1.5rem;background:none;border:none;color:#ffe7a0;font-size:2.2rem;cursor:pointer;z-index:10;text-shadow:1px 1px 4px #2d1a06;transition:color .2s}.card-zoom-close:hover{color:#bfa76a}@media (max-width:600px){.card-list-grid{grid-template-columns:1fr;padding:1rem;grid-gap:1.5rem .7rem;gap:1.5rem .7rem}.card-item{max-width:98vw}.card-zoom-modal{padding:1.2rem .5rem 1rem;max-width:98vw;border-radius:18px}.card-zoom-img{max-width:90vw}.card-zoom-info .card-name{font-size:1.2rem}.card-zoom-info .card-desc,.card-zoom-info .card-meta{font-size:1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.99e498cc.chunk.css.map */