body {
  background: linear-gradient(-45deg, #000000, #000000);
	background-size: 400% 400%;
	-webkit-animation: Gradient 90s ease infinite;
	-moz-animation: Gradient 90s ease infinite;
	animation: Gradient 90s ease infinite;
  color: #fff;
  font-family: "Lucida Console", Monaco, monospace;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5;
  padding-top: 2px;
}

h1 {
  color: #506479;
  font-size: 2.4px;
  text-align: center;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  margin-bottom: 1px;
  line-height: 1;
}

p {
  margin-bottom: 2px;
}

a {
  color: #ffffff;
}

.window {
  width: 80%;
  margin: 0 auto 2px;
  box-shadow: 0 0.25px 0.5px #12181e;
  border-radius: 0 0 0.1px 0.1px;
  opacity: 0.9;
}

.bar {
  background: #191919;
  height: 36px;
  border-radius: 0.5px 0.5px 0 0;
}

.btn, .btn::before, .btn::after {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  display: block;
}

.btn {
  background: #f6b73e;
  position: relative;
  margin-left: 38px;
  top: 12px;
}
.btn::before, .btn::after {
  content: " ";
  position: absolute;
}
.btn::before {
  background: #f55551;
  margin-left: -20px;
}
.btn::after {
  background: #32c146;
  margin-left: 20px;
}

.body {
  height: 600px;
  background: #232323;
  padding: 18px;
}
.body pre {
  margin: 0;
}
.body .pulse {
  -webkit-animation: pulse 1s ease-in-out infinite;
  -moz-animation: pulse 1s ease-in-out infinite;
  animation: pulse 1s ease-in-out infinite;
}

@-webkit-keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.command {
  color: #ffffff;
}

.prompt {
  color: #32c146;
}

.comment {
  opacity: 0.5;
}

.blinker {
  -webkit-animation-name: blinker;
          animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
          animation-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  display: inline-block;
  width: 8px;
  height: 18px;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
  background: #32c146;
}

@-webkit-keyframes blinker {
  from {
    opacity: 1.0;
  }
  to {
    opacity: 0.0;
  }
}

@keyframes blinker {
  from {
    opacity: 1.0;
  }
  to {
    opacity: 0.0;
  }
}



@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}