#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin-top:60px}#app,nav{text-align:center}nav{background-color:#2c3e50;padding:10px 0}nav a{color:#fff;text-decoration:none;padding:12px 18px;font-size:16px;font-weight:500;transition:background-color .3s}nav a.router-link-exact-active,nav a:hover{background-color:#3498db;border-radius:5px}.router-link-exact-active{border-bottom:3px solid #f39c12}.card{box-shadow:0 2px 5px rgb(0,0,0,.1)}.footer{text-align:center;padding:20px;color:#666;background-color:#f9f9f9;width:100%;box-sizing:border-box}.card-container{display:flex;flex-wrap:wrap;justify-content:space-around;padding:20px;max-width:1200px;margin:auto}.card{background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 5px rgba(0,0,0,.1);width:300px;margin:10px;transition:transform .3s ease-in-out}.card img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.card p{padding:10px;margin:0;font-size:16px;color:#333}.card:hover{transform:scale(1.05)}