.bildir-buton {
background-color: red;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}
.bildir-buton:hover {
background-color: darkred;
} .report-modal {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
backdrop-filter: blur(5px);
}
.report-modal-content {
background-color: #1a1a1a;
margin: 10% auto;
padding: 25px;
border-radius: 10px;
width: 90%;
max-width: 500px;
position: relative;
color: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.close-modal {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
cursor: pointer;
transition: color 0.3s;
}
.close-modal:hover {
color: #fff;
}
.report-modal h2 {
margin-bottom: 20px;
color: #fff;
font-size: 24px;
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: block;
margin-bottom: 8px;
color: #ddd;
}
.form-group select,
.form-group textarea {
width: 100%;
padding: 10px;
border: 1px solid #333;
border-radius: 5px;
background-color: #2a2a2a;
color: #fff;
font-size: 14px;
}
.form-group input {
width: 100%;
padding: 10px;
border: 1px solid #333;
border-radius: 5px;
background-color: #2a2a2a;
color: #fff;
font-size: 14px;
}
.form-group select:focus,
.form-group textarea:focus {
outline: none;
border-color: #4a90e2;
}
.submit-report {
background-color: #4a90e2;
color: white;
padding: 12px 25px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s;
}
.submit-report:hover {
background-color: #357abd;
}