@import url(https://fonts.googleapis.com/css?family=Karla:400,700&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}body{background:#f3f3f3;color:#353535;font-family:Karla,sans-serif}.app{position:relative;overflow:hidden;background:#fff;display:flex;flex-direction:column;max-height:812px;height:100vh;max-width:375px;width:100%;border-radius:2rem}@media (max-height:832px){.app{margin:0}}.main{display:flex;min-height:100vh;justify-content:center;align-items:center}.title{font-family:Karla,sans-serif;font-weight:700;color:#353535;font-size:1.875rem;margin-bottom:2rem}.container{padding:0 1.25rem}.normal{background-color:#cacaca;background:-webkit-gradient(linear,right bottom,left top,from(#b1b1b1),to(#cacaca));background:-webkit-linear-gradient(right bottom,#b1b1b1,#cacaca);background:linear-gradient(to left top,#b1b1b1,#cacaca)}.water{background-color:#75befe;background:-webkit-gradient(linear,right bottom,left top,from(#42a6fe),to(#75befe));background:-webkit-linear-gradient(right bottom,#42a6fe,#75befe);background:linear-gradient(to left top,#42a6fe,#75befe)}.fire{background-color:#fc6b6d;background:-webkit-gradient(linear,right bottom,left top,from(#fb393c),to(#fc6b6d));background:-webkit-linear-gradient(right bottom,#fb393c,#fc6b6d);background:linear-gradient(to left top,#fb393c,#fc6b6d)}.grass{background:-webkit-gradient(linear,right bottom,left top,from(#2fb897),to(#49d1b0));background:-webkit-linear-gradient(right bottom,#2fb897,#49d1b0);background:linear-gradient(to left top,#2fb897,#49d1b0)}.electric{background:-webkit-gradient(linear,right bottom,left top,from(#ffc93c),to(#ffd76f));background:-webkit-linear-gradient(right bottom,#ffc93c,#ffd76f);background:linear-gradient(to left top,#ffc93c,#ffd76f)}.transform-inital{-webkit-transform:none!important;-webkit-transform:initial!important;transform:none!important}.m-l-auto{margin-left:auto!important}.p-t-0{padding-top:0!important}button{border:none;background:transparent;outline:none;padding:0}.pokemon-card{border-radius:1.25rem;padding:1rem;width:100%;border:none;background-color:#fff;display:flex;flex-direction:column;position:relative}.pokemon-card img{width:98px;min-width:80px;height:auto;position:absolute;bottom:0;right:0}.pokemon-card .pokemon-card-title{color:hsla(0,0%,100%,.93);text-transform:capitalize;font-size:1.125rem;line-height:1.3;font-weight:400;display:inline-block;margin-top:.625rem}.pokemon-card .pokemon-card-content{flex:1 1;margin-top:1rem;display:flex}.pokemon-type-list{display:flex;align-items:flex-start;width:56px;height:56px;flex-direction:column;font-size:12px;color:hsla(0,0%,100%,.93)}.pokemon-type-list li{z-index:1;line-height:1.3;background:hsla(0,0%,100%,.2);padding:2px 8px;display:inline-block;border-radius:2rem;margin-bottom:8px}.pokemon-list-container{flex:1 1;position:relative;margin-bottom:20px}.pokemon-list-section{overflow:hidden}.pokemon-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.625rem}.pokemon-list-wrapper{display:flex;flex-direction:column;padding:0 1.125rem;overflow-y:scroll;-ms-scroll-chaining:none;overscroll-behavior:contain;position:absolute;left:0;right:0;bottom:0;top:0}.load-more-wrapper{margin-top:20px;display:flex;justify-content:center}.load-more-wrapper .load-more{border-radius:50%;height:50px;width:50px;background:#6d78db;color:#fff;opacity:1;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.load-more-wrapper .load-more:disabled{cursor:disabled;opacity:.3}.pokemon-detail{padding-top:80px;position:absolute;left:0;right:0;bottom:0;top:0;z-index:2;-ms-scroll-chaining:none;overscroll-behavior:contain;display:flex;flex-direction:column;justify-content:space-between;opacity:0}.pokemon-detail.no-pointer-event{pointer-events:none}.pokemon-detail .pokemon-info{display:flex;flex:1 1;flex-direction:column}.pokemon-detail .pokemon-info .pokemon-name-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pokemon-detail .pokemon-info .pokemon-name-wrapper .title{margin-bottom:0;text-transform:capitalize;color:#fff}.pokemon-detail .pokemon-info .pokemon-name-wrapper .pokemon-id{font-weight:600;color:#fff}.pokemon-detail .pokemon-info .pokemon-type-list{flex-direction:row;height:auto;width:auto}.pokemon-detail .pokemon-info .pokemon-type-list li{margin-bottom:0}.pokemon-detail .pokemon-info .pokemon-type-list li:first-of-type{margin-right:6px}.pokemon-detail .pokemon-slider{z-index:1;display:flex;align-items:center;justify-content:center;-webkit-transform:translateY(40px);transform:translateY(40px);width:100%}.pokemon-detail .pokemon-slider img{height:197px;width:auto}.about-container{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);overflow:hidden;height:50%;width:100%;border-top-left-radius:2rem;border-top-right-radius:2rem;background:#fff;margin-top:auto}.about-container .about-content{margin-top:50px}.about-container .about-content .subtitle{font-size:1.125rem;font-weight:600}.about-container .about-content .about-table{margin-top:24px}.about-container .about-content .about-table th{text-align:left;color:rgba(53,53,53,.6);padding:6px 40px 6px 0}.header-container{z-index:3}.header-container .nav{height:80px;display:flex;align-items:center;justify-content:space-between}.header-container .nav.white button{color:#fff}
/*# sourceMappingURL=main.70a48797.chunk.css.map */