.modal h1,
.modal p{text-transform:capitalize}
.modal-close,
.pokemonButton{display:inline-block;cursor:pointer}
body{background-image:linear-gradient(rgb(246, 120, 120),rgb(240, 240, 134))}
.navbar{display:inline-block;font-family:impact;width:100%}
.display-3{text-align:center}
ul{margin:0 auto;list-style-type:none;columns:3;column-gap:250px}
.pokemon-container{text-align:center;padding:0 2px}

.pokemon-modal{margin:auto;

    box-sizing:border-box;
    background:#fff;
    padding:15px;
    touch-action:'none';
    display:inline-block;
    box-sizing:border-box;
    width:100%;
    max-width:468px;
    text-align:left;
    touch-action:'none'}

    .modal-close{float:right;margin-top:-25px;
        margin-right:-25px;color:#faf9f8;
        border:1px solid #faf9f8;
        border-radius:50%;
        background:#7691b2;font-size:31px;
        font-weight:700;line-height:0;
        padding:11px 3px}
        .modal-close::before{content:"×"}
        .modal h1{margin-top:0}
        .modal p{margin-bottom:0}
        .pokemon-image{float:right}
        .pokemonButton{background-color:rgb(232, 152, 49);
            padding:16px 32px;
            text-align:center;
            text-decoration:none;
            font-size:25px;
            margin:4px 2px;color:#000;
            border:2px solid #000}