:root{--branco: #fff;--cinza: #efefef;--fire: #ffb28f;--grass: #ccff99;--poison: #d8bfd8;--flying: #c6d8f0;--water: #c4f9ff;--bug: #aff8d8;--electric: #fff2a7;--ground: #f4d5c0;--fairy: #f3aacb;--fighting: #ffadbb;--psychic: #ff8ad2;--rock: #cfcfc4;--steel: #708090;--ghost: #b19cd9;--normal: #f2dcd1;--primary-color: #262835;--secondary-color: #ff5473}*{margin:0;padding:0;border:0;font-size:100%;font-weight:400;font:inherit;vertical-align:baseline}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:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{outline:none;font-weight:100}.btn{display:flex;justify-content:center;align-items:center;width:100%;padding:1.25rem 0;border-radius:.625rem;text-decoration:none}.btn__primary{color:var(--branco);background:var(--primary-color)}.btn__secondary{color:var(--branco);background:var(--secondary-color)}.slideInDown{animation-name:slideInDown;animation-duration:1s;animation-fill-mode:both}@keyframes slideInDown{0%{transform:translateY(-100%);visibility:visible}to{transform:translateY(0)}}.slideInLeft{animation-name:slideInLeft;animation-duration:1s;animation-fill-mode:both}@keyframes slideInLeft{0%{transform:translate(-100%);visibility:visible}to{transform:translate(0)}}.slideInRight{animation-name:slideInRight;animation-duration:1s;animation-fill-mode:both}@keyframes slideInRight{0%{transform:translate(100%);visibility:visible}to{transform:translate(0)}}.fadeIn{animation-name:fadeIn;animation-duration:1s;animation-fill-mode:both;z-index:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}html{font-family:Roboto,sans-serif;background:var(--primary-color)}main{width:37.5rem;margin:0 auto;box-sizing:border-box}