Primer commit, volcado de todos los archivos

hacklab_laraiz_css

@@ -0,0 +1,104 @@
+@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
+
+body {
+    background-color: black;
+    color: #00ff00;
+    font-family: 'Special Elite', 'Courier New', Courier, monospace;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    margin: 0;
+    padding: 20px;
+}
+
+.container {
+    text-align: center;
+    max-width: 800px;
+    border: 2px solid #00ff00;
+    padding: 20px;
+    background-color: #000;
+}
+
+header marquee {
+    font-size: 1.2em;
+    color: #ff0000;
+}
+
+h1 {
+    margin: 20px 0;
+    font-size: 2.5em;
+    text-transform: uppercase;
+}
+
+h2 {
+    margin: 20px 0;
+    font-size: 2em;
+}
+
+.event {
+    border: 1px solid #00ff00;
+    padding: 20px;
+    margin: 20px 0;
+    background-color: #111;
+}
+
+ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+li {
+    margin: 10px 0;
+}
+
+a {
+    color: #00ff00;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+.icons img {
+    width: 50px;
+    margin: 0 10px;
+}
+
+footer {
+    margin-top: 20px;
+    font-size: 0.8em;
+}
+
+footer a {
+    color: #00ff00;
+}
+
+/* Estilo de los botones en la esquina superior izquierda */
+.top-left-buttons {
+    display: flex;
+    gap: 20px; /* Aumenta la separación entre los botones */
+    margin-bottom: 20px; /* Asegura que haya espacio entre los botones y el contenido debajo */
+}
+
+.top-left-buttons .button {
+    background-color: #00ff00; /* Fondo verde */
+    color: #000000; /* Letra negra */
+    padding: 10px 20px;
+    text-decoration: none;
+    font-family: 'Special Elite', 'Courier New', Courier, monospace;
+    font-size: 0.8em;
+    border-radius: 5px;
+    border: 2px solid #00ff00; /* Borde verde para definir mejor el botón */
+    box-shadow: 0 4px #008000; /* Sombra inicial para el botón */
+    transition: all 0.3s ease; /* Transición suave para cambios de estado */
+}
+
+.top-left-buttons .button:hover {
+    background-color: #ff69b4; /* Fondo rosa al hacer hover */
+    color: #00ff00; /* Letra verde al hacer hover */
+    box-shadow: 0 6px #00ff00, 0 0 10px #ff69b4; /* Sombra verde y resplandor */
+    transform: translateY(-2px); /* Levemente hacia arriba para el efecto de "sobresalir" */
+}
+