body {
  font-family: Arial, sans-serif;
  background-color: black;
  color: white; /* szöveg szín */
  text-shadow: 
  0 0 0.3px #0000ff,
  0 0 0.5px #0000ff,
  0 0 1px #0000ff;
  /* overflow-x: hidden;  Ezt eltávolítjuk */
}

.text-muted {
  color: white!important;
  text-shadow: 

    0 0 10px #00ff00, 
    0 0 15px #ffffff;

}
.container {
    top: 0;
    left: 0;
    width: calc(100% - 5px); /* csökkentett szélesség a margó miatt */
    margin: 0 auto; /* középre igazítás */
    background-color: transparent;
    z-index: 1000;
    padding: 0;
    border-radius: 10px;
    box-shadow: 
    0 0 10px rgba(187, 0, 255, 0.7),
    0 0 20px rgba(187, 0, 255, 0.5),
    0 0 30px rgba(187, 0, 255, 0.3);
    border: 2px solid #8A2BE2; /* Krémfehér színű keret */
}



.mt-5, .my-5 {
  margin-top: 0.4rem!important; */
}

.border {
    border-radius: 8px; /* lekerekített sarkok */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* enyhe árnyék */
}

.title-container {
    display: flex;
    justify-content: center; /* Középre igazítás vízszintesen */
    align-items: center; /* Középre igazítás függőlegesen */
}

h1 {
    font-size: 1.5rem; /* nagyobb fejléc */
    color: white;
    text-align: center; /* középre igazítás */
    position: relative;
    padding: 10px 20px;
    background: transparent; /* Krémfehér háttér */
    margin: 0 auto; /* középre igazítás */
      text-shadow: 
  0 0 5px #0000ff,
    0 0 6px #0000ff,
    0 0 7px #0000ff;
}




button {
    background-color: #007bff;
    color: white;
    border: none;
}

button:hover {
    background-color: #0056b3;
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:hover {
    background-color: #dc3545;
    color: white;
}

form .form-control {
    border-radius: 5px; /* lekerekített form kontrollok */
}

a {
    text-decoration: none; /* linkek aláhúzásának eltávolítása */
}

a:hover {
    color: #007bff; /* linkek hover színe */
}

form {
    position: relative;
    margin-top: 30px;
}

.container {
    padding-bottom: 100px; /* Form aljára hagyunk egy kis helyet */
}

/* Az üzenet (eredeti üzenet) alap stílusa */
.message-box {
	
    background-color: transparent;  /* Krémfehér háttér */
    padding: 15px;
    border: 1px solid, 
    0 0 5px #00ff00, 
    0 0 10px #00ff00, 
    0 0 15px #00ff00, 
    0 0 20px #ffffff;
    border-radius: 10px;  /* Kerekített sarkok */
    margin-bottom: 10px;  /* Távolság az üzenet között */
}
.message-box h5 {
    text-shadow: 
        0 0 5px #ff0033, 
        0 0 10px #ff0033, 
        0 0 15px #ff0033;	
font-size: 25px;
}
.message-box p {
	
font-size: 20px;
}

/* A válasz üzenet (kisebb, világosabb szürke háttér) */
.reply-message {
    background-color: transparent;  /* Világosabb szürke háttér */
    border: 1px solid #00ff00;  /* Világos színű keret */
    box-shadow: 
    0 0 3px #00ff00, 
    0 0 5px #00ff00, 
    0 0 10px #00ff00; 
    padding: 10px;
    font-style: italic;
    border-radius: 10px;  /* Kerekített sarkok */
    margin-top: 10px;
    
    
}
.reply-to {
    font-size: 0.85em;
   text-shadow: 
    0 0 10px rgba(255, 221, 51, 0.7), 
    0 0 20px rgba(255, 221, 51, 0.5), 
    0 0 30px rgba(255, 221, 51, 0.3);

}

.reply-to::before {
    content: "↪"; /* Nyíl karakter */
    margin-right: 5px;
    color: #17a2b8; /* Nyíl szín */
}

.reply-to-name {
    font-weight: bold;
}


.button-group {
    display: flex;
    gap: 10px; /* Távolság a gombok között */
    justify-content: center; /* Középre igazítás vízszintesen */
}

.btn-valasz {
    font-size: clamp(15px, calc(0.5rem + 1vw), 45px);
    font-weight: 700;
    color: white;
text-shadow: 
    0 0 10px #00ffff, 
    0 0 15px #00ffff;
    border-radius: 10px; /* Lekerekített sarkok */
    border: none;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.7); /* Átlátszó fekete */

}
.btn-torles {
    font-size: clamp(15px, calc(0.5rem + 1vw), 45px);
    font-weight: 700;
    color: white;
text-shadow: 
    0 0 10px rgba(255, 221, 51, 0.7), 
    0 0 20px rgba(255, 221, 51, 0.5), 
    0 0 30px rgba(255, 221, 51, 0.3);


    border-radius: 10px; /* Lekerekített sarkok */
    border: none;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.7); /* Átlátszó fekete */

}