.pokemon-list{display:flex;flex-direction:row;background-image:url(/material-wood.svg);background-color:#96642c;padding:2rem 1rem;gap:1rem;height:calc(100dvh - 107px);scroll-padding:1rem;overflow-x:auto;scroll-snap-type:x mandatory}@media (min-width:768px){.pokemon-list{padding:3rem 1rem}}@media (min-width:1200px){.pokemon-list{padding:6rem 1rem}}.pokemon-article{min-width:calc(50% - .5rem);box-shadow:4px 3px 2px 2px #000;background-color:#c5c7af;scroll-snap-align:start;position:relative}.pokemon-article:before{content:url(/pointer.svg);position:absolute;top:0;left:50%;opacity:0;transform:translate(-50%,-38%);z-index:1;filter:drop-shadow(0 0 5px rgba(0,0,0,.439));transition:opacity .3s ease-in-out;height:75px;width:75px}.pokemon-article a{display:grid;position:relative;border-radius:1px;grid-template-rows:10px 100px 1fr 35px 10px;grid-gap:1rem;gap:1rem;padding:2rem 0;justify-items:center;height:100%;transition:background-color .3s ease-in-out;text-decoration:none}.pokemon-article a:after,.pokemon-article a:before{content:"";position:relative;background-color:#d0f447;height:100%;width:100%;top:0;left:0}.pokemon-article a .pokemon-id,.pokemon-article a .pokemon-name{color:#000}.pokemon-article a .pokemon-name{writing-mode:vertical-lr;text-transform:capitalize}.pokemon-article:focus:before,.pokemon-article:hover:before{opacity:1}@media (min-width:590px){.pokemon-article{min-width:calc((100% / 3) - .66rem)}}@media (min-width:768px){.pokemon-article:before{height:100px;width:100px}}@media (min-width:900px){.pokemon-article{min-width:calc((100% / 4) - .75rem)}}@media (min-width:1024px){.pokemon-article{min-width:calc((100% / 5) - .79rem)}}@media (min-width:1300px){.pokemon-article{min-width:calc((100% / 6) - .81rem)}}@media (min-width:1700px){.pokemon-article{min-width:calc((100% / 7) - .85rem)}}