.custom-input { background-color: rgb(23, 25, 28); } .custom-button { color: #5A4FCF; } .custom-card .btn:hover { background-color: #5A4FCF; border-color: #5A4FCF; color: #ffffff; } body { background-image: url('/img/backgroundImage.jpg'); background-size: 1920px 1080px; color: #f8f9fa; font-family: 'Montserrat', sans-serif; } .container { max-width: 900px; margin: auto; } .custom-card { background-color: #1a1d20; border: none; color: #f8f9fa; border-radius: 10px; padding: 20px; width: 100%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); } .custom-card .custom-tab { background-color: #2a2d30; border-radius: 10px; padding: 20px; margin-bottom: 20px; width: 100%; } .custom-card .btn { background-color: #5A4FCF; border-color: #5A4FCF; color: #ffffff; } .custom-card .btn:hover { background-color: #545AA7; border-color: #545AA7; color: #ffffff; } .custom-card .btn-rounded { border-radius: 50px; } .embed-responsive { margin-bottom: 20px; } .embed-responsive-16by9::before { padding-top: 56.25%; background: #2a2d30; } .form-control { background-color: #212529; border-color: #212529; color: #515962; margin-bottom: 20px; } .input-group-text { display: flex; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #6e707e; text-align: center; white-space: nowrap; background-color: #gff; border: 1px solid #5A4FCF; border-radius: .35rem; border-top-right-radius: 0.35rem; border-bottom-right-radius: 0.35rem; } .form-control::placeholder { color: #515962; } .form-control:focus { box-shadow: none; background-color: #212529; outline-color: #212529; border-color: #212529; } .form-control.custom-input:focus { box-shadow: none; background-color: #212529; border-color: #5A4FCF; } .input-group-prepend { } .input-group-text { background-color: #212529; color: #5A4FCF; border: none; } .modal input, .modal textarea, .modal select, .modal button { pointer-events: auto !important; } .modal-dialog { pointer-events: auto; } .modal { pointer-events: auto !important; } .btn-close { background-color: transparent; border: none; color: transparent; position: relative; width: 30px; height: 30px; } .btn-close::before { content: "×"; font-size: 2rem; color: #ff4d4d; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 30px; transition: color 0.3s ease, transform 0.3s ease; } .btn-close:hover::before { color: #ff0000; transform: scale(1.2); } .btn-close:focus { outline: none; box-shadow: 0 0 5px rgba(255, 0, 0, 0.6); }