*{margin:0;padding:0}.cards{width:95%;display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin:30px auto}body{background-color:#d2d2fc;padding:30px;width:80%;margin:0 auto}.main-title{font-size:38px}.error-text{margin-top:30px;font-size:28px;color:red;font-weight:700}.input-data{display:flex;justify-content:space-between;align-items:center}.card-puppies{display:flex;flex-direction:column;background-color:#fff;border-radius:18px;overflow:hidden;transition:transform .2s ease}.card-puppies:hover{transform:scale(1.03)}.puppy-img{width:280px;height:200px}.card-puppies img{object-fit:cover;object-position:center;width:280px;height:200px}.puppies-info{padding:10px;display:flex;gap:10px;justify-content:space-between}.puppy-name{font-size:28px}.puppy-btn{padding:5px 10px;font-size:18px;border:none;border-radius:10px;cursor:pointer}.puppy-btn:hover{background-color:#d38a1dd0;color:#eef}.delete-btn{color:#fff;border:1px solid red;border-radius:5px;background-color:red;padding:5px 10px;cursor:pointer}.wrapper{width:100%;display:flex;align-items:center;margin-top:20px}@media screen and (max-width: 450px){.wrapper{justify-content:center}}.search{width:175px;height:6px;border-radius:50px;border:1px solid black;padding:15px;font-size:17px;outline:none;transition:width .3s ease;color:#dcdcdc91}.search:focus{width:250px;color:#000}.icon{transform:translate(-40px);cursor:pointer}.add{cursor:pointer}.form{position:fixed;background-color:#0000007a;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center}.form-container{background-color:#fff;height:280px;padding:15px 25px}.form-container h3{font-size:28px;text-align:center}.close-icon{cursor:pointer;display:inline}.info-form{display:flex;flex-direction:column;height:calc(100% - 100px)}.info-form div{flex:1;display:flex;flex-direction:column;margin-top:20px;gap:20px}.info-form input{padding:4px;font-size:16px;outline:none}.info-form button{padding:5px 0;font-size:18px;border-radius:10px;border:none;background-color:#d38a1d92;cursor:pointer}.info-form button:hover{background-color:#d38a1d}.pup-img{height:350px;position:relative;right:30px}img{width:200px;height:100%;object-fit:cover;border-radius:10px}.puppy-wrapper{transform:translate(-5px);width:500px;height:400px;margin:100px auto;text-align:center;align-items:center;display:flex;border-radius:10px;background-color:#fff}.puppy-card{align-self:flex-start;padding:20px 0;width:100%;text-align:left}.pup-name{font-size:28px;letter-spacing:1px}.pup-breed,.status{font-size:19px}.sec-team{margin-top:20px}.sec-team h3{font-size:22px}.info-team{display:flex;flex-direction:column;font-size:17px;margin-top:10px}@media screen and (max-width: 700px){.puppy-wrapper{flex-direction:column;background-color:transparent;width:fit-content}.pup-img{right:0}}