/* Main styles */
body {
  color:  #fff;
  font-family: 'Courier New', monospace;
  text-align: center;
  background-color: black;
}

.navbar {
  background-color: #000;
}

.terminal-style {
  background-color: #222;
  padding: 20px;
  border-radius: 5px;
}

.terminal-style .li {
  background-color: #000;
  color: #fff;
}

.terminal-style .span {
  background-color: #000;
  color: #fff;
}

.terminal-style .p {
  background-color: #000;
  color: #fff;
}

.terminal-style .h1 {
  color: #fff;
  font-size: 40px;
  margin-bottom: 20px;
}

.terminal-style .h2 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 20px;
}

.terminal-style .label {
  color: #fff;
}

.terminal-style .form-control {
  background-color: #000;
  color: #fff;
}

.terminal-style .card {
  background-color: rgb(50,50,50);
  border: 1px solid #444;
}

.terminal-style .card-title {
  color: white;
  font-size: 20px;
}

.terminal-style .card-text {
  color: #ddd;
}

.terminal-style .btn-primary {
  background-color: #0069d9;
  border-color: #0062cc;
}

.terminal-style .btn-primary:hover {
  background-color: #0056b3;
  border-color: #0050a5;
}

 /* blinking cursor */
#cursor {
  background: lime;
  line-height: 3rem;
  margin-left: 3px;
  -webkit-animation: blink 0.8s infinite;
  width: 4px;
  height: 2.5rem;
  display:  inline-block;

}

@-webkit-keyframes blink {
  0% {background: #222}
  50% {background: lime}
  100% {background: #000}
}


#landingimg:hover {
  border-radius: 50%;
  box-shadow:
    inset 0 0 50px #fff,      /* inner white */
    inset 20px 0 80px #f0f,   /* inner left magenta short */
    inset -20px 0 80px #0ff,  /* inner right cyan short */
    inset 20px 0 300px #f0f,  /* inner left magenta broad */
    inset -20px 0 300px #0ff, /* inner right cyan broad */
    0 0 50px #fff,            /* outer white */
    -10px 0 80px #f0f,        /* outer left magenta */
    10px 0 80px #0ff;         /* outer right cyan */
}

.nav-link {
  font-size: 20px;
  color:  white;
}

.nav-link:hover {
  color:  rgb(0,255,0) !important;
}

#content {
  text-align: left;
  padding: 5%;
}