├── README.md
├── script.js
├── indice.html
└── style.css


/README.md:
--------------------------------------------------------------------------------
 1 | # BSZ-CCGEN
 2 | 
 3 | ## QUE ES UN CCGEN ?
 4 | > CCGEN se refiere a "Generador de Tarjetas de Crédito". Es una abreviatura comúnmente utilizada en el ámbito de la informática y la seguridad cibernética. Los generadores de tarjetas de crédito son herramientas que pueden crear números de tarjetas de crédito falsos para diversos fines, como pruebas de software, pruebas de transacciones y educación en seguridad cibernética.
 5 | 
 6 | ## COMO FUNCIONAN ?
 7 | > Los generadores de tarjetas de crédito funcionan utilizando algoritmos específicos para producir números que siguen un patrón similar al de los números de tarjetas de crédito reales. Estos algoritmos tienen en cuenta la estructura y el formato típicos de los números de tarjetas de crédito, como los dígitos iniciales que identifican el tipo de tarjeta y el emisor, así como el algoritmo de Luhn, que se utiliza para verificar la validez de los números de tarjetas de crédito.
 8 | 
 9 | Sin embargo, es importante destacar que aunque los números generados pueden parecer auténticos, no están vinculados a ninguna cuenta real y no se pueden utilizar para realizar compras u otras transacciones legítimas. Estos generadores se utilizan principalmente con fines de pruebas y verificación, como en el desarrollo de software que requiere la entrada de números de tarjetas de crédito para simular transacciones, o en la educación para comprender la validación de los números de tarjetas de crédito y la seguridad cibernética.
10 | 
11 | Es fundamental utilizar estas herramientas de manera responsable y ética, evitando cualquier uso fraudulento que viole la ley.
12 | 
13 | # video explicativo : 
14 | > video tutorial : https://gofile.io/d/QbczsH
15 | <br></br>
16 | > VERSION 0.0.1 : https://appbsz.crearforo.net/h72-bsz-ccgen	
17 | # foto : 
18 | ![image](https://github.com/AvastrOficial/BSZ-CCGEN/assets/91764815/dabf7283-d3e0-4cee-b57d-7f35e76d7d9b)
19 | 
20 | EL PROYECTO REAL FUE ECHO POR : https://github.com/yaelsito
21 | EL PROYECTO ECHO EN ESTE REPOSITORIOS NO ESTA ECHO PARA ROBAR LOS CREDITOS DE LA PERSONA 
22 | 
23 | ESTE PROYECTO SE ACTUALIZARA PARA CAMBIOS ESTETICOS Y PETICION DE LA COMUNIDAD DE BSZ
24 | 


--------------------------------------------------------------------------------
/script.js:
--------------------------------------------------------------------------------
 1 | function loading() {
 2 |       document.querySelector('.ove').style.display = 'none';
 3 |     }
 4 | 
 5 |     // Simular tiempo de carga
 6 |     setTimeout(function() {
 7 |       // Llamar a la función para cerrar la animación
 8 |       loading();
 9 |     }, 3000); // Cambia el tiempo de espera a tu preferencia (en milisegundos)
10 |     
11 | 
12 | 
13 | 
14 | // Función para copiar el texto al portapapeles
15 | function copyText() {
16 |   var outputText = document.getElementById('output2').value; // Obtener el texto del área de texto
17 |   var tempTextArea = document.createElement('textarea');
18 |   tempTextArea.value = outputText;
19 |   document.body.appendChild(tempTextArea);
20 |   tempTextArea.select();
21 |   document.execCommand('copy');
22 |   document.body.removeChild(tempTextArea);
23 |   showAlert("Texto copiado al portapapeles!");
24 | }
25 | 
26 | function showAlert(message) {
27 |   alert(message);
28 | }
29 | // Obtener la dirección IP del usuario
30 | const userIPElement = document.getElementById("userIP");
31 | 
32 | fetch("https://api64.ipify.org?format=json")
33 |     .then(response => response.json())
34 |     .then(data => {
35 |         userIPElement.textContent = data.ip;
36 |     })
37 |     .catch(error => {
38 |         console.error("Error al obtener la dirección IP:", error);
39 |     });
40 | // Obtener elementos del DOM
41 | const profileImage = document.getElementById("profileImage");
42 | const imageInput = document.getElementById("imageInput");
43 | 
44 | // Verificar si hay una imagen en el almacenamiento local y cargarla
45 | const storedImage = localStorage.getItem("profileImage");
46 | if (storedImage) {
47 |     profileImage.src = storedImage;
48 |     imageInput.style.display = "none";
49 | }
50 | 
51 | // Manejar cambios en la imagen de perfil
52 | imageInput.addEventListener("change", event => {
53 |     const selectedImage = event.target.files[0];
54 |     
55 |     if (selectedImage) {
56 |         const imageURL = URL.createObjectURL(selectedImage);
57 |         profileImage.src = imageURL;
58 |         
59 |         // Guardar la imagen en el almacenamiento local
60 |         localStorage.setItem("profileImage", imageURL);
61 |         
62 |         // Ocultar el botón de selección de imagen
63 |         imageInput.style.display = "none";
64 |     }
65 | });
66 | 


--------------------------------------------------------------------------------
/indice.html:
--------------------------------------------------------------------------------
  1 | //vercion 0.0.1
  2 | <html lang="es">
  3 | 
  4 | <head>
  5 |     <link rel="icon" type="image/png" href="https://files.catbox.moe/xy2fsl.png">    
  6 |     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7 |     <meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport">
  8 |     <meta name="description" content="Generador de Tarjetas de Crédito">
  9 |     <meta name="keywords" content="namso,ccgen,ccgen online,namso online">
 10 |     <meta name="author" content="Yael Massieu">
 11 |     <meta name="google" content="notranslate">
 12 |     <link rel="preconnect" href="https://fonts.googleapis.com">
 13 |     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 14 |     <link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap" rel="stylesheet">
 15 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
 16 |         integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
 17 |         crossorigin="anonymous" referrerpolicy="no-referrer" />
 18 |   
 19 |   
 20 |     <div class="ove">
 21 |          <div class="popup">
 22 |             <div class="loading" ><div class="animacion">
 23 | <span class="letra">B</span>
 24 | <span class="letra">S</span>
 25 | <span class="letra">Z</span>
 26 | <span class="letra">-</span>
 27 | <span class="letra">C</span>
 28 | <span class="letra">C</span>
 29 | <span class="letra">G</span>
 30 | <span class="letra">E</span>
 31 | <span class="letra">N</span>
 32 | 
 33 | <div class="loading-bar">
 34 |   <div class="progress"></div>
 35 |     </div>
 36 |               </div>
 37 |             </div>
 38 |          </div>
 39 |     </div>
 40 |   
 41 | </head>
 42 |   
 43 | 
 44 | <body onload="freegen();">
 45 |       <div class="container1">
 46 |      <div class="profile">
 47 |            <img id="profileImage" src="default-profile.jpg" alt="Profile Picture">
 48 |         <input type="file" id="imageInput" accept="image/*"></input>
 49 |            <txt>ID DE USUARIO :<span class="username" id="userIP">Cargando</span></txt>
 50 |         </div>
 51 |         <div class="dropdown">
 52 |             <button class="dropbtn">Menú</button>
 53 |             <div class="dropdown-content">
 54 |                <a href="https://appbsz.crearforo.net/h33-menu-red-social">Inicio</a>
 55 |                 <a href="https://appbsz.crearforo.net/h61-perfil">Perfil</a>
 56 |                 <a href="https://appbsz.crearforo.net/h38-chat-oline">Mensajes</a>
 57 |                 <a href="https://appbsz.crearforo.net/memberlist">Agrega mas amigos</a>
 58 |                 <a href="/login?logout=1&tid=ec2c27f0e6ed7efa58e87bb3a25135c5&key=3db41a">Cerrar sesión</a>
 59 |             </div>
 60 |         </div>
 61 |   
 62 | <a href="https://github.com/AvastrOficial" target="_blank" class="github-icon"></a>
 63 |    <div class="dropdown">
 64 |  <button class="dropbtn2">Tools</button>
 65 |             <div class="dropdown-content2">
 66 |                <a href="https://generadoraccountbsz.foroactivo.com/h3-scrap-bsz">SCRAP WEB</a>
 67 |                <a href="https://appbsz.crearforo.net/h45-geolocalizacion-bsz">GEOLOCALIZACION</a>
 68 |               <a href="	https://appbsz.crearforo.net/h63-generador">GENERADOR</a>
 69 |                <a href="https://appbsz.crearforo.net/h47-bsz-cheker">CHEKER CC</a>
 70 |             </div>
 71 |         </div>
 72 |     </div>
 73 |   
 74 |     </div>
 75 |  
 76 |   
 77 |   
 78 |   
 79 |     <header>
 80 |         <br />
 81 |         <section class="title">BSZ - CCGEN</section>
 82 |       <div class="separador"></div>
 83 |       <center>
 84 |         <div class="rounded-rectangle">
 85 |         <p>APPBSZ / &copy; vercion - 0.0.1</p>
 86 | </div>  
 87 | </center>  
 88 |         <div class="hh-title"> Generador de Tarjetas de Crédito <br />
 89 |           <p></p>
 90 |             <i class="fab fa-cc-mastercard"></i>
 91 |             <i class="fab fa-cc-visa"></i>
 92 |             <i class="fab fa-cc-amex"></i>
 93 |             <i class="fab fa-cc-amex"></i>
 94 |             <i class="fab fa-cc-jcb"></i>
 95 |             <i class="fab fa-cc-diners-club"></i>
 96 |         </div>
 97 |     </header>
 98 |     <br />
 99 |     <form name="console" id="console" class="form-horizontal" role="form" method="POST">
100 |       <div class="container">
101 |         
102 |             <div class="Ilabel"><i class="fa-solid fa-credit-card"></i> BIN</div>
103 |             <input type="text" class="input_text" id="vcitxh" name="aztnc1a" value="" style="width: 175px"
104 |                 maxlength="19" list="iin-predefined" required>
105 |      
106 |         <br />
107 |         <select name="ccnsp" class="input_text" style="display:none;">
108 |             <option selected="selected">Nenhum</option>
109 |         </select>
110 |     
111 |             <div class="Ilabel"><i class="fa-solid fa-circle-plus"></i> Agregar </div>
112 |             <div class="input_text s"><label>Fecha<input type="checkbox" id="ccexpdat" name="ccexpdat"
113 |                         checked></label><label> CCV<input type="checkbox" id="ccvi" name="ccvi" checked></label><label>
114 |                     Banco<input type="checkbox" id="ccbank" name="ccbank"></label></div>
115 |       
116 |         <br />
117 |      
118 |             <div class="Ilabel"><i class="fa-solid fa-bag-shopping"></i> Cantidad </div>
119 |             <input class="input_text" type="number" name="ccghm" style="width: 40px" maxlength="4" value="10">
120 |      
121 |  
122 |             <div class="Ilabel"><i class="fa-solid fa-lock-open"></i> CCV </div>
123 |             <input type="text" id="eccv" maxlength="4" style="width: 40px" value="rnd" class="input_text" name="eccv">
124 |        
125 | 
126 |             <div class="Ilabel"><i class="fa fa-cogs" aria-hidden="true"></i> Formato </div>
127 |             <select name="re4lhtLmt3" class="input_text">
128 |                 <option value="CHECKER" selected="selected">CHECKER</option>
129 |                 <option value="CSV">CSV</option>
130 |                 <option value="XML">XML</option>
131 |                 <option value="JSON">JSON</option>
132 |             </select>
133 |      
134 |         <br />
135 | 
136 |             <div class="Ilabel"><i class="fa-solid fa-calendar-days"></i> Mes</div>
137 |             <select name="emeses" class="input_text">
138 |                 <option value="rnd">Rnd</option>
139 |                 <option value="01">01</option>
140 |                 <option value="02">02</option>
141 |                 <option value="03">03</option>
142 |                 <option value="04">04</option>
143 |                 <option value="05">05</option>
144 |                 <option value="06">06</option>
145 |                 <option value="07">07</option>
146 |                 <option value="08">08</option>
147 |                 <option value="09">09</option>
148 |                 <option value="10">10</option>
149 |                 <option value="11">11</option>
150 |                 <option value="12">12</option>
151 |             </select>
152 |         
153 | 
154 |             <div class="Ilabel"><i class="fa-solid fa-calendar-plus"></i> Año</div>
155 |             <select name="eyear" class="input_text">
156 |                 <option value="rnd">Rnd</option>
157 |                 <option value="2022">22</option>
158 |                 <option value="2023">23</option>
159 |                 <option value="2024">24</option>
160 |                 <option value="2025">25</option>
161 |                 <option value="2026">26</option>
162 |                 <option value="2027">27</option>
163 |                 <option value="2028">28</option>
164 |                 <option value="2029">29</option>
165 |                 <option value="2030">30</option>
166 |             </select>
167 |         </div>
168 |         <input type="hidden" name="tr" value="1000"><input type="hidden" name="L" style="width: 20px" value="1L">
169 |         <div class="olap">
170 |             <button type="button" class="boton-hacker" name="lnOt4" id="lnOt4"></i>
171 |                 GENERAR</button>
172 |         </div>
173 |         <center>
174 |             <div class="eighty">
175 |                 <div>
176 |                     <div  class="clean" id="cleanText"></div>
177 |                 </div>
178 |                 <textarea class="textarea" name="output2" id="output2" rows="11" readonly=""></textarea>
179 |             </div>
180 |           <button id="copyButton" class="boton-hacker" onclick="copyText()">Copiar Bines</button>
181 |           <div class="separador"></div>
182 |           
183 |           
184 |            <iframe frameborder="0" loading="lazy" style="width:100%;" height="240" src="https://appbsz.crearforo.net/embed?h=192&nbt=9&d=8000&name=%C3%9Altimos+temas+-+APP+BSZ" ></iframe>
185 |         </center>
186 |     </form>
187 |     <br />
188 |   
189 |   
190 |   <div class="cuadrado">
191 |  <footer>
192 |     </footer>
193 | </div>
194 |   
195 |   
196 |     <script src="https://code.jquery.com/jquery-3.6.1.min.js"
197 |         integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
198 |     <script src="https://cdn.jsdelivr.net/gh/bystrokr/assetscdn@main/iCnwJPt9.js"
199 |         integrity="sha256-qxpdoThgEf81fgf7AFGC3NdwEz0xRegdlJ1BZgfSywg=" crossorigin="anonymous"></script>
200 |   
201 |   
202 |   <script>
203 | //bloqueo de expecionar 
204 |  document.addEventListener("contextmenu", function(event) {
205 |   event.preventDefault(); 
206 |   alert("Función deshabilitada. No se permite explorar con el clic derecho.");
207 | });
208 | </script>
209 | </body>
210 | 
211 | </html>
212 | 


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |   margin: 0;
  3 |   background: #000000;
  4 |   background-size: cover;
  5 |   background-repeat: no-repeat;
  6 | }
  7 | ::-moz-selection {
  8 |   color: #00FF00;
  9 |   background: #000000;
 10 | }
 11 | ::selection {
 12 |   color: #00FF00;
 13 |   background: #000000;
 14 | }
 15 | header {
 16 |   color: #00FF00;
 17 | }
 18 | .title {
 19 |   text-align: center;
 20 |   font-family: 'Libre Baskerville', serif;
 21 |   text-shadow: 0px 0px 30px #00FF00;
 22 |   font-size: 2rem;
 23 |   padding: 15px;
 24 | }
 25 | .title img {
 26 |   display: inline-block;
 27 |   height: 2.5rem;
 28 |   vertical-align: middle;
 29 | }
 30 | .hh-title {
 31 |   text-align: center;
 32 |   font-family: 'Libre Baskerville', serif;
 33 |   font-size: 10;
 34 | }
 35 | .hh-title>i {
 36 |   text-shadow: 0px 0px 5px #00FF00;
 37 | }
 38 | form#console {
 39 |   text-align: center;
 40 | }
 41 | .Ilabel,
 42 | .input_text,
 43 | .input_texts {
 44 |   display: -webkit-inline-box;
 45 |   font-family: 'Libre Baskerville', serif;
 46 |   font-size: 18px;
 47 | }
 48 | .Ilabel {
 49 |   background-color: #00FF00;
 50 |   padding: 0.3em;
 51 |   border-radius: 5px 0 0 5px;
 52 |   border-bottom: 2px solid #00FF00;
 53 |   color: #000000;
 54 | }
 55 | .input_text {
 56 |   padding: 0.3em;
 57 |   border: 0;
 58 |   border-bottom: 2px solid #00FF00;
 59 |   border-right: 2px solid #00FF00;
 60 |   border-radius: 0 5px 5px 0;
 61 |   vertical-align: bottom;
 62 |   outline: none;
 63 |   font-size: 17px;
 64 | }
 65 | select.input_text {
 66 |   margin-left: -5px;
 67 |   font-size: 16px;
 68 |   background: white;
 69 | }
 70 | a {
 71 |   color: #4facfe;
 72 | }
 73 | a:hover {
 74 |   color: #1363DF;
 75 | }
 76 | .p {
 77 |   display: -webkit-inline-box;
 78 |   margin-bottom: 12px;
 79 | }
 80 | .footersito {
 81 |   margin-top: 0px;
 82 |   margin-bottom: 8px;
 83 | }
 84 | .olap {
 85 |   margin-top: 6px;
 86 |   margin-bottom: 8px;
 87 | }
 88 | .s {
 89 |   margin-left: -5px;
 90 |   background: white;
 91 |   padding: 5.5px;
 92 | }
 93 | .input_text>label {
 94 |   cursor: pointer;
 95 | }
 96 | .clean {
 97 |   background: #00FF00 url('https://raw.githubusercontent.com/bystrokr/assetscdn/main/close.png') 0 0 no-repeat;
 98 |   border-radius: 50%;
 99 |   cursor: pointer;
100 |   height: 24px;
101 |   width: 24px;
102 |   float: right;
103 |   margin: 0 -23px -15px 0;
104 |   position: relative;
105 |   transition: all 0.5s;
106 |   -webkit-transition: all .5s;
107 |   
108 | }
109 | .clean:hover {
110 |   background: #00FF00 url('https://raw.githubusercontent.com/bystrokr/assetscdn/main/close.png') 0 0 no-repeat;
111 |   -webkit-transform: rotate(360deg);
112 |   transform: rotate(360deg);
113 |   
114 | }
115 | .cleanit {
116 |   background: #00FF00 url('https://raw.githubusercontent.com/bystrokr/assetscdn/main/close.png') 0 0 no-repeat;
117 |   border-radius: 50%;
118 |   cursor: pointer;
119 |   height: 24px;
120 |   width: 24px;
121 |   float: right;
122 |   position: relative;
123 |   transition: all 0.5s;
124 |   -webkit-transition: all .5s;
125 | }
126 | .cleanit:hover {
127 |   background: #000000 url('https://raw.githubusercontent.com/bystrokr/assetscdn/main/close.png') 0 0 no-repeat;
128 |   -webkit-transform: rotate(360deg);
129 |   transform: rotate(360deg);
130 |   
131 | }
132 | .eighty {
133 |   width: 30%;
134 | }
135 | .Lbutton {
136 |   background: #00FF00;
137 |   background: -webkit-linear-gradient(to right, rgba(0, 255, 0, 1), rgba(0, 0, 0, 1));
138 |   background: linear-gradient(to right, rgba(0, 255, 0, 1), rgba(0, 0, 0, 1));
139 |   -moz-border-radius: 6px;
140 |   -webkit-border-radius: 6px;
141 |   border-radius: 6px;
142 |   border: 2px solid #4facfe;
143 |   display: inline-block;
144 |   cursor: pointer;
145 |   color: #000000;
146 |   font-family: 'Libre Baskerville', serif;
147 |   font-size: 17px;
148 |   font-weight: bold;
149 |   padding: 8px 40px;
150 |   text-decoration: none;
151 | }
152 | .Lbutton:active {
153 |   position: relative;
154 |   top: 3px;
155 | }
156 | .textarea {
157 |   background-color: transparent;
158 |   border-bottom: 3px solid #00FF00;
159 |   border-top: 3px solid #00FF00;
160 |   border-left: 3px solid #00FF00;
161 |   border-right: 3px solid #00FF00;
162 |   border-radius: 7px;
163 |   width: 100%;
164 |   font-size: 17px;
165 |   margin-bottom: 10px;
166 |   outline: none;
167 |   font-family: sans-serif;
168 |   font-weight: 600;
169 |   text-align: center;
170 |   overflow-x: hidden;
171 |   overflow-y: scroll;
172 |   padding: 5px;
173 |   border: 5px solid transparent;
174 |   animation: animateBorder 8s infinite;
175 |   color: #00FF00;
176 | }
177 | .textarea::-webkit-scrollbar {
178 |   width: 10px;
179 | }
180 | .textarea::-webkit-scrollbar-thumb {
181 |   background: #00FF00;
182 | }
183 | footer {
184 |   background: #000000;
185 |   border-top: 5px solid #00FF00;
186 |   text-align: center;
187 |   font-family: 'Libre Baskerville', serif;
188 |   color: #00FF00;
189 |   padding: 20px;
190 |   font-size: 15px;
191 | }
192 | @media (max-width: 376px) {
193 |   .form {
194 |     width: 99%;
195 |     margin: 5px 0 5px 0;
196 |   }
197 |   .eighty {
198 |     width: 80%;
199 |   }
200 | }
201 | @media (max-width: 595px) {
202 |   .form {
203 |     width: 99%;
204 |     margin: 5px 0 5px 0;
205 |   }
206 |   .eighty {
207 |     width: 80%;
208 |   }
209 | }
210 | 
211 | 
212 | .container {
213 |   width: 860px;
214 |   height: 165px;
215 |   background-color: transparent;
216 |   margin: auto;
217 |   position: relative;
218 |   top: 0px; /* Ajusta la posición vertical según tus preferencias */
219 |   left: 0px; /* Ajusta la posición horizontal según tus preferencias */
220 |   padding: 10px;
221 |   box-sizing: border-box;
222 |   border-radius: 25px;
223 |   border: 5px solid transparent;
224 |   animation: animateBorder 8s infinite;
225 | }
226 | 
227 | 
228 | @keyframes animateBorder {
229 |   0% {
230 |     border-color: transparent;
231 |   }
232 |   5% {
233 |     border-color: #3B5323;
234 |   }
235 |   10% {
236 |     border-color: #556B2F;
237 |   }
238 |   15% {
239 |     border-color: #6B8E23;
240 |   }
241 |   20% {
242 |     border-color: #7CFC00;
243 |   }
244 |   25% {
245 |     border-color: #8FBC8F;
246 |   }
247 |   30% {
248 |     border-color: #9ACD32;
249 |   }
250 |   35% {
251 |     border-color: #ADFF2F;
252 |   }
253 |   40% {
254 |     border-color: #BDFCC9;
255 |   }
256 |   45% {
257 |     border-color: #CAE1FF;
258 |   }
259 |   50% {
260 |     border-color: #9ACD32;
261 |   }
262 |   55% {
263 |     border-color: #7CFC00;
264 |   }
265 |   60% {
266 |     border-color: #6B8E23;
267 |   }
268 |   65% {
269 |     border-color: #556B2F;
270 |   }
271 |   70% {
272 |     border-color: #3B5323;
273 |   }
274 |   75% {
275 |     border-color: #556B2F;
276 |   }
277 |   80% {
278 |     border-color: #7CFC00;
279 |   }
280 |   85% {
281 |     border-color: #ADFF2F;
282 |   }
283 |   90% {
284 |     border-color: #CAE1FF;
285 |   }
286 |   95% {
287 |     border-color: #8FBC8F;
288 |   }
289 |   100% {
290 |     border-color: transparent;
291 |   }
292 | }
293 | 
294 | 
295 | 
296 | 
297 | .input_text {
298 |   padding: 0.3em;
299 |   border: 0;
300 |   border-bottom: 2px solid #6200EA;
301 |   border-right: 2px solid #6200EA;
302 |   border-radius: 0 5px 5px 0;
303 |   vertical-align: bottom;
304 |   outline: none;
305 |   font-size: 17px;
306 |   margin-left: 5px;
307 | }
308 | 
309 | .s {
310 |   background: white;
311 |   padding: 5.5px;
312 | }
313 | 
314 | input[type="number"] {
315 |   -moz-appearance: textfield;
316 | }
317 | 
318 | input::-webkit-outer-spin-button,
319 | input::-webkit-inner-spin-button {
320 |   -webkit-appearance: none;
321 |   margin: 0;
322 | }
323 | 
324 | select {
325 |   margin-left: 5px;
326 |   font-size: 16px;
327 |   background: white;
328 | }
329 | 
330 | .cuadrado {
331 |   width: 1000px;
332 |   height: 10px;
333 |   background-color: black;
334 |   opacity: 0; /* Puedes ajustar este valor para cambiar la opacidad del cuadrado */
335 | }
336 | 
337 | .boton-hacker {
338 |   background-color: #7FFF00; /* Verde fosfo */
339 |   color: black;
340 |   border: 2px solid #32CD32; /* Borde verde más oscuro */
341 |   padding: 10px 20px;
342 |   font-size: 16px;
343 |   font-weight: bold;
344 |   border-radius: 5px;
345 |   cursor: pointer;
346 |    border: 3px solid transparent;
347 |   animation: animateBorder 8s infinite;
348 | }
349 | 
350 | .boton-hacker:hover {
351 |   background-color: #ADFF2F; /* Verde fosfo más claro al pasar el mouse */
352 | }
353 | 
354 | 
355 | 
356 | 
357 | .ove {
358 |    position: fixed;
359 |    top: 0;
360 |    left: 0;
361 |    width: 100%;
362 |    height: 100%;
363 |    background-color: black;
364 |    display: flex;
365 |    justify-content: center;
366 |    align-items: center;
367 |    z-index: 999;
368 | }
369 | 
370 | .ove-content {
371 |    background-color: rgba(0, 0, 0, 0.9); /* Cambiar el fondo a un negro más oscuro */
372 |    /* Otros estilos para el contenido del overlay */
373 | }
374 | 
375 | /* Estilos para la animación de cambio de color */
376 | .animacion {
377 |    font-family: verdana;
378 |    font-size: 50px;
379 |    display: inline-block;
380 |    overflow: hidden;
381 | }
382 | 
383 | .letra {
384 |    display: inline-block;
385 |    animation: cambio-color 2s infinite linear;
386 | }
387 | 
388 | @keyframes cambio-color {
389 |    0% { color: #00ff00; } /* Cambiar el color inicial a verde lima */
390 |    16.67% { color: #33ff00; } /* Cambiar el color intermedio a otro tono de verde */
391 |    33.33% { color: #66ff00; } /* Cambiar el color intermedio a otro tono de verde */
392 |    50% { color: #99ff00; } /* Cambiar el color intermedio a otro tono de verde */
393 |    66.67% { color: #ccff00; } /* Cambiar el color intermedio a otro tono de verde */
394 |    83.33% { color: #ffff00; } /* Cambiar el color intermedio a amarillo */
395 |    100% { color: #00ff00; } /* Volver al color verde lima al final */
396 | }
397 | 
398 | /* Estilos para la barra de carga */
399 | .loading-bar {
400 |    width: 100%;
401 |    height: 20px;
402 |    background-color: #000; /* Cambiar el color de fondo de la barra de carga a negro */
403 |    position: relative;
404 | }
405 | 
406 | .progress {
407 |    width: 0;
408 |    height: 100%;
409 |    background-color: #00ff00; /* Cambiar el color de la barra de progreso a verde lima */
410 |    position: absolute;
411 |    animation: fill-progress 3s infinite;
412 | }
413 | 
414 | @keyframes fill-progress {
415 |    0% { width: 0; }
416 |    16.67% { width: 16.67%; background-color: #33ff00; } /* Cambiar el color intermedio a otro tono de verde */
417 |    33.33% { width: 33.33%; background-color: #66ff00; } /* Cambiar el color intermedio a otro tono de verde */
418 |    50% { width: 50%; background-color: #99ff00; } /* Cambiar el color intermedio a otro tono de verde */
419 |    66.67% { width: 66.67%; background-color: #ccff00; } /* Cambiar el color intermedio a otro tono de verde */
420 |    83.33% { width: 83.33%; background-color: #ffff00; } /* Cambiar el color intermedio a amarillo */
421 |    100% { width: 100%; background-color: #00ff00; } /* Volver al color verde lima al final */
422 | }
423 | 
424 | .separador {
425 |   border-top: 2px solid green; /* Cambia el color según tus preferencias */
426 |   margin: 20px 0; /* Ajusta el margen según sea necesario */
427 | }
428 | 
429 | 
430 |  .container1 {
431 |     display: flex;
432 |     justify-content: space-between;
433 |     align-items: center;
434 |     background-color: #333;
435 |     color: white;
436 |     padding: 10px 300px;
437 | }
438 | 
439 | .profile img {
440 |     width: 40px;
441 |     height: 40px;
442 |     border-radius: 50%;
443 |     margin-right: 10px;
444 | }
445 | 
446 | .dropbtn {
447 |     background-color: transparent;
448 |     color: white;
449 |     border: none;
450 |     cursor: pointer;
451 |     margin-right: auto; /* Agregar esta línea */
452 | }
453 | 
454 | .dropdown {
455 |     position: relative;
456 |     display: inline-block;
457 | }
458 | 
459 | /* Contenido del menú desplegable */
460 | .dropdown-content {
461 |     display: none;
462 |     position: absolute;
463 |     background-color: #212121; /* Cambiar este color al que prefieras */
464 |     min-width: 160px;
465 |     z-index: 1;
466 | }
467 | 
468 | .dropdown-content a {
469 |     color: #39C117; /* Cambiar el color del texto */
470 |     padding: 12px 16px;
471 |     text-decoration: none;
472 |     display: block;
473 | }
474 | 
475 | .dropdown-content a:hover {
476 |     background-color: #f1f1f1;
477 | }
478 | 
479 | /* Mostrar el menú desplegable al pasar el mouse */
480 | .dropdown:hover .dropdown-content {
481 |     display: block;
482 | }
483 |  
484 | .dropbtn2 {
485 |   background-color: transparent;
486 |   color: #00ff00; /* Color de texto verde fosforescente */
487 |   border: none;
488 |   padding: 10px 15px;
489 |   cursor: pointer;
490 |   font-size: 16px;
491 | }
492 | 
493 | .dropdown-content2 {
494 |   display: none;
495 |   position: absolute;
496 |   background-color: #333;
497 |    color: #00ff00; /* Color de texto verde fosforescente */
498 |   min-width: 160px;
499 |   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
500 |   z-index: 1;
501 | }
502 | 
503 | .dropdown-content2 a {
504 |   color: #00ff00;
505 |   padding: 12px 16px;
506 |   text-decoration: none;
507 |   display: block;
508 | }
509 | 
510 | .dropdown-content2 a:hover {
511 |   background-color: #00ff00; /* Color de fondo verde fosforescente al resaltar */
512 |   color: white; /* Color de texto blanco al resaltar */
513 | }
514 | 
515 | .dropdown:hover .dropdown-content2 {
516 |   display: block;
517 | }
518 | 
519 | .github-icon {
520 |   width: 40px; /* Tamaño del ícono */
521 |   height: 40px;
522 |   background-image: url('https://files.catbox.moe/sd5ay7.png'); /* Ruta a tu imagen de GitHub */
523 |   background-size: cover;
524 |   /* Otros estilos, si es necesario */
525 | }
526 | 


--------------------------------------------------------------------------------