@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";*{font-family:VT323,sans-serif;margin:0;padding:0;box-sizing:border-box;cursor:url(http://www.javascriptkit.com/dhtmltutors/cursor-hand.gif),auto}@keyframes bgMove{0%{background-position:0% 0%}to{background-position:100% 100%}}.project-container{background:radial-gradient(circle at 30% 30%,#8f2121,#1d5595,#942222);background-size:300% 300%;animation:bgMove 12s ease-in-out infinite alternate}.project-container{display:flex;flex-direction:column;width:100%;height:160vh;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px;color:#fff}.header-container{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px}.header{font-size:44px}.header-info{font-size:16px}.body{flex:1 0 0;height:100%;display:flex}.card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;height:500px;flex:1 0 0}.card{flex:1 0 30%;border:3px solid rgb(255,182,71);background-color:#470586;border-radius:20px;padding:10px;cursor:pointer}.card img{flex:1 0 0;height:230px;width:230px;cursor:pointer}.pokemon-name{font-size:22px;cursor:pointer;color:#fff;background-color:#c7512a;text-transform:capitalize;text-align:center;margin-top:10px;border:1px solid black;padding:5px;border-radius:10px}.card:hover .pokemon-name{background-color:#fff;color:#000;transition:.6s ease-in-out}