@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;500;700&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{font-family:Source Code Pro,monospace;font-size:100%;height:100vh;height:calc(var(--vh, 1vh)*100);overflow:hidden!important;width:100vw}.container{grid-gap:1.5rem;display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:2fr repeat(6,1fr) 2fr;height:100vh;width:100vw}.original-background{background:repeating-linear-gradient(-45deg,#fff,#fff 5px,#ebebeb 0,#ebebeb 16px);z-index:-4}.background-type,.original-background{height:100vh;left:0;position:absolute;top:0;width:100vw}.background-type{box-shadow:5% #000;z-index:-3}.background-grid{background-color:#d2d2d2;box-shadow:2px 2px 5px #000;grid-area:2/2/4/8;margin:-25px;z-index:-1}.grid{height:100%;width:100%}.grid,.grid-2{background-image:repeating-linear-gradient(#ccc 0 2px,transparent 1px 100%),repeating-linear-gradient(90deg,#ccc 0 2px,transparent 1px 100%);background-size:15px 15px}@media screen and (max-width:768px){.container{grid-gap:1.5rem;display:grid;grid-template-columns:.5fr repeat(6,minmax(30px,60px)) .5fr}}.modal-container{display:grid;grid-column-end:8;grid-column-start:4;grid-row-start:3}.modal{border:2px solid #a9a9a9;height:100%;justify-self:center;max-width:600px}.modal,.modal-content{display:flex;width:100%}.modal-content{background-color:#fff;flex-direction:column;justify-content:space-between;text-transform:capitalize}.modal-header{border-bottom:1px solid #eee;justify-content:center}.modal-footer,.modal-header{align-items:center;display:flex;height:15%}.modal-footer{border-top:1px solid #eee;justify-content:flex-end}.modal-title{font-family:Source Code Pro,monospace;margin:0;text-transform:capitalize}.modal-body{display:flex;flex-basis:0;flex-direction:column;flex-wrap:nowrap;height:70%;justify-content:center;text-align:center;width:100%}.pokemon-img{width:100%}.pokemon-sprite{margin-bottom:-5%;width:12rem}.pokemon-info{align-content:center;flex:1 1;flex-basis:0;flex-wrap:nowrap}.close-button{font-family:inherit;margin-right:10%;padding:2%;width:auto}.close-button:hover{cursor:pointer}.select-text{align-content:center;align-self:center;display:flex;justify-self:center}.center{align-content:baseline;display:flex;flex-direction:column;justify-content:center}.pokemon-types{display:flex;flex-direction:row}.type-text{align-self:center;border:1px solid gray;border-radius:10px;color:#fff;justify-self:center;margin:1%;width:25%}.grass{background-color:#74ac31}.grass-image{background-image:url(/react-pokedex/static/media/grass.84ce6143266e76398a80.svg);background-repeat:repeat;background-size:40px}.poison{background-color:#810080}.poison-image{background-image:url(/react-pokedex/static/media/poison.9d45419147545a7c2264.svg);background-repeat:repeat;background-size:40px}.fire{background-color:#e54210}.fire-image{background-image:url(/react-pokedex/static/media/fire.82c9866868ecb3fb6e54.svg);background-repeat:repeat;background-size:40px}.water{background-color:#1f62ac}.water-image{background-image:url(/react-pokedex/static/media/water.b37a7ad95528d7006ed1.svg);background-repeat:repeat;background-size:40px}.bug{background-color:#69d431}.bug-image{background-image:url(/react-pokedex/static/media/bug.aaa9369f074e08caf5b1.svg);background-repeat:repeat;background-size:40px}.normal{background-color:#f5f5f5;color:#000}.normal-image{background-image:url(/react-pokedex/static/media/normal.fef7768811d855251711.svg);background-repeat:repeat;background-size:40px}.flying{background-color:#6495ed}.flying-image{background-image:url(/react-pokedex/static/media/flying.f5c84dd8111c1db9ad52.svg);background-repeat:repeat;background-size:40px}.electric{background-color:#f6e552;color:#000}.electric-image{background-image:url(/react-pokedex/static/media/electric.ea6018c4a95a5eaec307.svg);background-repeat:repeat;background-size:40px}.ground{background-color:#985400}.ground-image{background-image:url(/react-pokedex/static/media/ground.490b3cf3fac42d9a6958.svg);background-repeat:repeat;background-size:40px}.rock{background-color:#674924}.rock-image{background-image:url(/react-pokedex/static/media/rock.202dbfef6358feb6fbde.svg);background-repeat:repeat;background-size:40px}.ghost{background-color:#8a2be2}.ghost-image{background-image:url(/react-pokedex/static/media/ghost.b749b5c8ddebc27daf93.svg);background-repeat:repeat;background-size:40px}.psychic{background-color:#9317bd}.psychic-image{background-image:url(/react-pokedex/static/media/psychic.c03c105d49fa3d34d33d.svg);background-repeat:repeat;background-size:40px}.fairy{background-color:#f67b94}.fairy-image{background-image:url(/react-pokedex/static/media/fairy.8cf46f01795a71b81722.svg);background-repeat:repeat;background-size:40px}.dark{background-color:#313131}.dark-image{background-image:url(/react-pokedex/static/media/dark.485253ee7089805e8676.svg);background-repeat:repeat;background-size:40px}.steel{background-color:#8ca5c7}.steel-image{background-image:url(/react-pokedex/static/media/steel.fa37031b18a57d624c78.svg);background-repeat:repeat;background-size:40px}.fighting{background-color:maroon}.fighting-image{background-image:url(/react-pokedex/static/media/fighting.ff056e2ec658361b8de9.svg);background-repeat:repeat;background-size:40px}.ice{background-color:#96ceff;color:#000}.ice-image{background-image:url(/react-pokedex/static/media/ice.ad7138448b67a4994b35.svg);background-repeat:repeat;background-size:40px}.dragon{background-color:#9370db}.dragon-image{background-image:url(/react-pokedex/static/media/dragon.58dc455ea71c566f0825.svg);background-repeat:repeat;background-size:40px}@media screen and (max-width:947px){.pokemon-sprite{width:10rem}}@media screen and (max-width:768px){.modal{border:1px solid #a9a9a9}.modal,.modal-body{height:auto;width:100%}.modal-body{text-align:center}.pokemon-sprite{align-self:center!important;justify-self:center!important;width:8rem!important}.pokemon-img{display:flex;flex-direction:column;justify-content:center}.pokemon-info{font-size:1rem}.type-text{font-size:.75rem}.modal-footer,.modal-header{align-items:center;justify-content:center}.close-button{margin-right:0;padding:2%;width:auto}}.header{display:grid;grid-column-end:6;grid-column-start:4;grid-row-start:0;height:100%}.title{font-size:3rem;text-transform:uppercase;-webkit-transform:none;transform:none}.background-title,.title{align-self:center;display:flex;justify-self:center}.background-title{background-color:#d2d2d2;box-shadow:2px 2px 5px #000;height:45%;padding:5px;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);z-index:-2}.search-container{grid-column-end:8;grid-column-start:5;grid-row-start:2}.search-bar{display:flex;font-size:1rem;justify-content:flex-end;text-align:center}#search{border:2px solid #a9a9a9}.sort-container{grid-column-end:4;grid-column-start:2;grid-row-start:2}.sort{display:flex;font-size:1rem}.sort-bar{border:2px solid #a9a9a9;font-family:inherit}.sort-bar:hover{cursor:pointer}.pokemon-list{grid-column-end:4;grid-column-start:2;grid-row-start:3;height:65vh;list-style:none;overflow-x:hidden;overflow-y:scroll;text-align:center;width:100%}.pokemon-list::-webkit-scrollbar{background-color:#fff}.pokemon-list::-webkit-scrollbar-thumb{background-color:#a9a9a9}.list-button{align-items:center;background-color:#fff;border:2px solid gray;border-radius:10px;display:flex;height:55px;justify-content:center;margin-bottom:5%;width:95%}.list-button:hover{cursor:pointer;opacity:.85}.button-content{align-items:center;display:inline-flex;justify-content:center;width:100%}.button-text{font-family:Source Code Pro,monospace;font-size:1rem;font-weight:"200"}.button-img{height:25%;max-width:53px;width:25%}.error{color:red;font-size:1rem}.selected{background-color:#b4b4b4;border:2px solid dimgray}@media screen and (max-width:768px){.header{grid-column-end:7;grid-column-start:3;grid-row-start:0}.title{font-size:2.5rem}.search-bar{display:flex;font-size:1rem;justify-content:flex-end;text-align:center}#search{border:1px solid #a9a9a9;width:100%}.sort-container{font-size:1rem}.sort-bar{border:1px solid #a9a9a9}.list-button{border:1px solid gray;height:auto}.button-content{display:flex;flex-direction:column}.button-text{font-size:.75rem;margin:0}.button-img{width:100%}.select{font-size:2rem}}
/*# sourceMappingURL=main.4aabb69b.css.map*/