body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:navy;display:flex;flex-direction:column;justify-content:center;align-items:center}.header-content{width:100%;color:#fff;padding:10px;margin:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}img{background-color:#fff;width:100%;height:100%;object-fit:cover;border-radius:10px}button{background-color:#fff;color:#000;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.modal-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:#00000080}.modal-content{color:#00f;width:100%;display:flex}.modal-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.modal-title{font-size:20px;font-weight:700;margin:10px;text-align:center;padding:20px;flex-grow:2}.modal-close{font-size:20px;font-weight:700;margin:10px;cursor:pointer}.modal-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%}.modal-form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.modal-input{width:100%;padding:10px;border-radius:5px;border:1px solid #ccc}.modal-button{width:100%;border-radius:5px;border:1px solid #ccc;background-color:#00f;color:#fff;cursor:pointer;padding:10px;margin:10px}.body-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:10px;padding:10px;margin:10px;background-color:navy;color:#fff}.player-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px;border:1px solid white;border-radius:10px;padding:10px;margin:10px;background-color:navy;color:#fff}img,.player-card-image{width:100px;height:100px;object-fit:cover;border-radius:10px}.player-card:hover{background-color:#000;color:#fff;transform:scale(1.1);transition:transform .3s ease-in-out}