.hader { margin: 20px; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; gap: 50px; } .cards { width: 350px; background-color: #fecda6; border: 3px solid #ffffff; border-radius: 25px; font-size: larger; text-align: center; transition: all 0.5s;
/_ box-shadow: inset 46px 42px 36px 35px rgba(0, 0, 0, 0.1); _/ box-shadow: 10px 20px 20px 20px rgba(0, 0, 0, 0.1); } .cards:hover { border: 3px solid black; transform: scale(1.05); }
.cards:active { transform: scale(0.95) rotateZ(1.7deg); } .name { background-color: #ff5b22; /_ color: #ff5b22; _/ }