/*body { background:#121212; color:#fff; font-family:"Roboto Condensed",sans-serif; display:flex; flex-direction:column; align-items:center; padding:40px 20px; }
h1 { color:#76ff03; margin-bottom:10px; text-transform:uppercase; letter-spacing:1px; }
h2 { color:#9ccc65; margin-top:40px; margin-bottom:15px; border-bottom:1px solid #76ff03; padding-bottom:5px; width:100%; text-align:center; }*/

body{font-family:'Roboto Condensed',sans-serif;background:#000;color:#fff;margin:0;padding:0;text-align:center;}
header,footer{background:#111;padding:15px;color:#aaa;}
nav {background:#2c2c2c; margin:15px; padding: 15px;border: 1px solid #222; border-radius: 10px;}
nav a{color:#ffeaa7;text-decoration:none;margin:10px;font-weight:bold;padding: 10px;border-bottom: 2px solid #000;}
nav a:hover{color:#fff; border-bottom: 2px solid #aaa;}

 a {text-decoration: none;}
 
.container{padding:0 30px;max-width:600px;margin:auto;text-align:center;}
h1{color:#ffeaa7;text-shadow:0 0 30px #fdcb6e;margin:10px; padding: 10px; border-bottom: 2px solid #2c2c2c;}
h1,h2 a {color:#ffeaa7;text-shadow:0 0 30px #fdcb6e;margin:10px; padding: 10px; border-bottom:2px solid #2c2c2c;text-decoration:none;}
h1,h2 a:hover {color:#ffeaaa;text-shadow:0 0 30px #ffffff;margin:10px; padding: 10px; border-bottom:2px solid #2c2c2c;text-decoration:none;}
h2{color:#ffeaa7;text-shadow:0 0 50px #fdcb6e;margin-bottom:20px;}

p{color:#ccc;margin-bottom:30px;font-size: 1.2rem; /*border-bottom: 2px solid #2c2c2c;*/}

p a {color:#fff; margin: 1rem; padding: 1rem; text-decoration: none;}

classicContainer {text-align: center;}

.section{border:1px solid #222;border-radius:10px;padding:20px;margin-top:25px;background:rgba(255,255,255,0.05);}

.controls { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:30px 20px; padding: 20px 10px; border-bottom: 2px solid #2c2c2c; }
label { font-size:14px; }
input[type="number"], select { width:80px; padding:6px; border-radius:6px; border:none; text-align:center; font-size:15px; margin-bottom: 2rem; }
button { background-color:#43a047; color:white; border:none; border-radius:8px; padding:10px 18px; margin: auto; font-size:16px; cursor:pointer; transition:0.3s; max-width: 300px;}
button:hover { background-color:#2e7d32; transform:scale(1.05); }
.tickets { display:flex; flex-direction:column; gap:20px; width:100%; max-width:700px; text-align: center;}
.ticket { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin: auto;}
.number { width:50px; height:50px; background:#00c853; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:bold; color:#000; box-shadow:0 0 10px rgba(0,255,0,0.4); opacity:0; transform:scale(0.5); animation:appear 0.5s forwards; }
@keyframes appear { to { opacity:1; transform:scale(1); } }
.ticket-label { text-align:center; margin-bottom:5px; font-size:15px; color:#ccc; }
.pdf-button { margin-top:20px; background-color:#1565c0; }
.pdf-button:hover { background-color:#0d47a1; }
.saved-tickets { margin-top:30px; width:100%; max-width:700px; border-top:1px solid #76ff03; padding-top:15px; }
.saved-ticket { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; background:#1e1e1e; padding:6px; border-radius:6px; align-items:center; }
.saved-ticket .number { width:35px; height:35px; font-size:14px; box-shadow:0 0 5px rgba(0,255,0,0.4); }
.saved-ticket button { padding:4px 8px; font-size:12px; margin-left:4px; }
.saved-ticket .delete { background-color:#c62828; }
.saved-ticket .delete:hover { background-color:#b71c1c; }
.saved-ticket .load { background-color:#0288d1; }
.saved-ticket .load:hover { background-color:#01579b; }
.saved-ticket .combo { background-color:#f9a825; color:#000; }
.saved-ticket .combo:hover { background-color:#f57f17; }
.saved-ticket .pdf { background-color:#6a1b9a; }
.saved-ticket .pdf:hover { background-color:#4a148c; }



select,input,button{padding:10px;font-size:16px;border:none;border-radius:5px;color:#000000;}
button{background:#00b894;color:#fff;cursor:pointer;transition:0.3s;margin-bottom:30px;font-size: 1.2rem;font-weight:600;}
button:hover{background:#019374;}
.result{margin-top:25px;font-size:1.5rem;color:#ffeaa7;font-weight:bold;text-shadow:0 0 15px #fdcb6e;}
.section{border:1px solid #222;border-radius:10px;padding:20px;margin-top:25px;background:rgba(255,255,255,0.05);}
#digits{margin-bottom:30px;font-size: 1.2rem;font-weight:strong;}


  
 .contact-image {border-radius: 20px; border: 1px solid #2c2c2c2; box-shadow:0 0 20px #fdcb6e;margin:10px; padding: 20px; }
.logo-image {width:200px; height:auto; border-radius: 30px; border: 1px solid #2c2c2c2; box-shadow:0 0 20px #fdcb6e;margin:10px; padding: 20px; }

footer a {color:#ffffff; text-dacoration: none;}
 footer a:hover {color: #019374;}
  small {font-size:0.7rem; font-weight: 400;}

@media screen and (max-width: 768px) {
nav a{color:#ffeaa7;text-decoration:none;margin:10px;font-weight:bold; display:flex;}

.result{margin-top:20px;font-size:17px;color:#ffeaa7;font-weight:bold;text-shadow:0 0 10px #fdcb6e;}
}