7-Force Hacker Terminal
// Ingresa tu nombre como si programaras en 7-Force:
display: flex;
align-items: center;
margin-top: 15px;
}
.input-prefix {
color: #00ff41;
font-weight: bold;
margin-right: 5px;
}
.hacker-input {
background: transparent;
border: none;
outline: none;
color: #00ff41;
font-size: 1.2em;
font-family: inherit;
width: 180px;
caret-color: #00ff41;
animation: input-glow 1.5s infinite alternate;
}
@keyframes input-glow {
from { text-shadow: 0 0 8px #00ff41; }
to { text-shadow: 0 0 16px #00ff41, 0 0 8px #00ff41; }
}
.blinking-cursor {
display: inline-block;
width: 12px;
height: 1.2em;
background: #00ff41;
margin-left: 2px;
animation: blink 1s steps(2, start) infinite;
vertical-align: bottom;
}
@keyframes blink {
to { opacity: 0; }
}
.output {
margin-top: 25px;
color: #00ff41;
font-size: 1.1em;
min-height: 1.5em;
}
// Escribe tu nombre como si fuera código: