:root{--handwriting:'Sue Ellen Francisco',sans-serif;--main-text:'Raleway',sans-serif;--normal-font:400;--heavy-font:500}*{padding-left:15px}h1{font-family:var(--main-text);font-size:28px;font-weight:var(--heavy-font)}li{list-style-type:none;padding:0}.main-pokemon-button{background:#e0ffff;border:1px solid #d3d3d3;font-family:var(--handwriting);font-size:22px;font-weight:var(--heavy-font);line-height:2.5;text-align:left;width:100%}.main-pokemon-button:hover,:focus{background:#0ff;border:1px solid grey}.pokemon-list{width:50%}.modal{margin:auto;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;padding:15px;width:100%;max-width:500px;text-align:center}.modal-close{float:right;-webkit-appearance:none;border:0;background:0 0;color:#777;text-decoration:underline}#modal-container{display:none}#modal-container.is-visible{display:block;position:fixed;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;overflow:auto;display:-ms-grid;display:grid;text-align:center}@media all and (min-width:500px) and (max-width:992px){.pokemon-list{width:75%}}@media all and (max-width:500px){*{padding:5px}.pokemon-list{width:100%}}