.card-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}form{max-width:850px;margin:20px auto;padding:20px;background-color:#f4f4f4;border-radius:10px;box-shadow:0 0 10px #0000001a;justify-content:space-between;align-items:center}label{display:block;margin-bottom:10px;font-weight:700}input,textarea{width:100%;height:40px;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}button{background-color:#4caf50;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#45a049}.card{width:300px;height:300px;border:1px solid #ddd;padding:16px;margin:16px;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;position:relative}h2{color:#333}p{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-media{margin-top:10px}.social-media a{margin-right:10px;text-decoration:none;color:#07c}.interests{margin-top:20px}.interests h3{color:#333}.interests ul{list-style-type:none;padding:0}.interests li{margin-bottom:5px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button{display:inline-block;padding:10px 20px;margin:5px;font-size:14px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;border:2px solid #0077cc;color:#07c;background-color:#fff;border-radius:4px;transition:background-color .3s,color .3s}button:hover{background-color:#07c;color:#fff}.close-btn{position:absolute;top:10px;right:10px;cursor:pointer}