/* cutive-mono-regular - latin */
@font-face {
    font-family: 'Cutive Mono';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/cutive-mono-v14-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/cutive-mono-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/cutive-mono-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/cutive-mono-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/cutive-mono-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/cutive-mono-v14-latin-regular.svg#CutiveMono') format('svg'); /* Legacy iOS */
  }

  @font-face {
    font-family: 'TTVTechPrecomput';
    src: url('../fonts/TTVTechPrecomput.eot');
    src: local(''),
         url('../fonts/TTVTechPrecomput.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/TTVTechPrecomput.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/TTVTechPrecomput.woff') format('woff'), /* Modern Browsers */
         url('../fonts/TTVTechPrecomput.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/TTVTechPrecomput.svg') format('svg'); /* Legacy iOS */
  }

/* Use the css below to change the password input symbol */
@font-face {
	font-family: 'fontello';
	src: url('../fonts/fontello.eot?E800');
	src: url('../fonts/fontello.eot?E800#iefix') format('embedded-opentype'),
	     url('../fonts/fontello.woff2?E800') format('woff2'),
	     url('../fonts/fontello.woff?E800') format('woff'),
	     url('../fonts/fontello.ttf?E800') format('truetype'),
	     url('../fonts/fontello.svg?E800#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

input[type="password"] {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

	/* add spacing to better separate each image */
	letter-spacing: 2px;
}
#hidden{

    color: white;
    font-family: 'Cutive Mono', monospace;
}

body{
      background: #151515;
      color: #ebebeb;
      font-size:14px;
      font-weight:200;
      font-family: 'Cutive Mono', monospace;
}
#main-wrapper{

  margin:0 auto;
}
.cursor-container {
  padding: 20px;
  display: flex;
  display: -webkit-flex;
  width: 380px;
  height:100px;
  border: 1px solid #999;
  margin:0 auto;

}
.prompt{
      font-size:14px;
      font-weight:200;
      font-family: 'Cutive Mono', monospace;
      color:#2fc810
}
.closeprompt{
    font-size:14px;
    font-weight:200;
    font-family: 'Cutive Mono', monospace;
    color:#ff3204

}
.afterprompt{
  font-size:14px;
  font-weight:200;
  font-family: 'Cutive Mono', monospace;
  color:#e7e7e7;

}
.pwprompt{
  font-size:14px;
  font-weight:200;
  font-family: 'Cutive Mono', monospace;
  color:rgb(212, 212, 212);

}
.purple{
  font-size:14px;
  font-weight:200;
  font-family: 'Cutive Mono', monospace;
  color:rgb(7, 27, 202);
}
.box .prompt{

      align-items: center;


  }
  /*@keyframes cursor-blink{
      0%{
          opacity:0;
      }
  }
  .box #prompt::after{
      content: " ";
      position: absolute;
      width:9px;
      height:16px;
      background: white;
      display: inline-block;
      animation: cursor-blink 1.5s steps(2) infinite;
      margin-top: 0px;
      margin-left: 4px;

  }*/
  /*.blink{
    position: absolute;
    width:9px;
    height:16px;
    background: white;
    display: inline-block;
    animation: cursor-blink 1.5s steps(2) infinite;
    margin-top: 3px;
    margin-left: 4px;

  }*/
  input {
    overflow: visible;
    margin-left: 0px;
    background: transparent;
    border: 0px;
    color:#ebebeb;
  }
  *:focus {
    outline: none;
}
#dummy2{
    font-size:14px;
      font-weight:200;
      font-family: 'Cutive Mono', monospace;
      color:#151515;

}
pre{
  color:#c5c3c3;
  margin-top:0px;
  margin-left:20px;
}