body {
  margin:0;
  font-family:'Courier New', monospace;
  background:#000;
  color:#00ff00;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding-top:50px;
  min-height:100vh;
  overflow-x:hidden;
}
#terminal {
  text-align:left;
  max-width:600px;
  width:90%;
  padding:20px;
  border:2px solid #00ff00;
  box-shadow:0 0 20px #00ff00;
  background-color:rgba(0,0,0,0.9);
  position:relative;
}
h1 { margin-top:0; font-size:24px; }
label { display:block; margin-top:20px; }
input[type=text] {
  width:100%;
  padding:10px;
  background:#000;
  color:#00ff00;
  border:1px solid #00ff00;
  font-family:'Courier New', monospace;
  font-size:16px;
  outline:none;
}
button {
  margin-top:10px;
  padding:10px 20px;
  background:#000;
  border:1px solid #00ff00;
  color:#00ff00;
  font-family:'Courier New', monospace;
  cursor:pointer;
  font-size:16px;
}
button:hover { background-color:#003300; }
#typing { display:inline; }
.cursor {
  display:inline-block;
  width:10px;
  background-color:#00ff00;
  animation:blink 1s infinite;
  margin-left:2px;
}
@keyframes blink {
  0%,50%,100% { background-color:#00ff00; }
  25%,75% { background-color:transparent; }
}
#error { margin-top:10px; color:#ff5252; }
#profileView { display:none; margin-top:30px; }
#avatar { width:140px; height:140px; border-radius:50%; margin-bottom:15px; }
#stats { margin-top:15px; font-size:14px; opacity:0.8; }
#extra { margin-top:20px; font-size:14px; opacity:0.9; }
#reposList { margin-top:20px; }
#reposList ul { list-style:none; padding-left:0; }
#reposList li { margin-bottom:8px; }
#readmePreview {
  margin-top:20px;
  padding:10px;
  background:#111;
  border:1px solid #00ff00;
  font-size:13px;
  max-height:200px;
  overflow:auto;
}
a { color:#00ff00; text-decoration:none; }
a:hover { text-decoration:underline; }