@import url(https://fonts.googleapis.com/css2?family=Reem+Kufi+Ink&display=swap);ul{list-style-type:none;padding:0}li{background-color:#fff;border-radius:5px;border:1px solid rgba(0,0,0,.2);cursor:pointer;margin-bottom:10px;width:250px}li:hover{background-color:rgba(0,0,0,.05)}.options-container{display:flex;justify-content:center}.pokemon-container{width:250px;height:250px;margin:auto}img{height:200px;margin-top:20px;user-select:none;width:100px;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-webkit-user-select:none}.hidden-pokemon{filter:brightness(0)}#app{font-family:Reem Kufi Ink,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}body,html{background-color:#f1f1f1;margin:0;height:100%;display:flex;justify-content:center}.btn{letter-spacing:.1em;cursor:pointer;font-size:14px;font-weight:400;line-height:45px;max-width:160px;position:relative;text-transform:uppercase;width:100%}.btn,.btn:hover{text-decoration:none}.effect01{color:#000;box-shadow:inset 0 0 0 1px #000;background-color:#fff;overflow:hidden;position:relative;transition:all .3s ease-in-out}.effect01,.effect01:hover{border:2px solid #000;border-radius:10px}.effect01:hover{background-color:#58db95;box-shadow:inset 0 0 0 4px #eee}.effect01 span{transition:all .2s ease-out;z-index:2}.effect01:hover span{letter-spacing:.13em;color:#333}.effect01:after{background:#fff;border:0 solid #000;content:"";height:155px;left:-75px;opacity:.8;position:absolute;top:-50px;transform:rotate(35deg);width:50px;transition:all 1s cubic-bezier(.075,.82,.165,1);z-index:1}.effect01:hover:after{background:#fff;border:20px solid #000;opacity:0;left:120%;transform:rotate(40deg)}.fade-in{animation:fadeIn .3s;-webkit-animation:fadeIn .3s;-moz-animation:fadeIn .3s;-o-animation:fadeIn .3s;-ms-animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}