* {
/* Here we set the margin and padding  0 */
    margin: 0;

    padding: 0;
    box-sizing: border-box;
}

body {
    /* background-color: #181a1b; */
    background-color: #2f363e;
  }
.white {

    font-family: "Ubuntu Mono";
    font-size: 16px;
    color: white;
}
.red {

    font-family: "Ubuntu Mono";
    font-size: 16px;
    color: red !important;
}
.greyonblack {

    font-family: "Ubuntu Mono";
    font-size: 16px;
    color: grey;
    background-color: black;
}

  #terminal {
    font-family: "Ubuntu Mono";
    font-size: 16px;
    color: white;
    word-break: break-word;
  }

  #terminal a {
    color: #3391ff;
  }

  #terminal .prefix .userdomain {
    color: rgb(127, 255, 127);
  }

  #terminal .prefix .tilde {
    color: darkorange;
  }

  #terminal .lsdir {
    color: aqua;
  }

  #terminal .lsfile, #terminal .helpcmd {
    color: white;
  }

  #terminal #cursor {
	position: relative;
    display: inline-block;
    margin-right: 0;
}
#terminal #cursor i {
	position: absolute;
	width: 8px;
	height: 80%;
    background-color: white;
    left: 1px;
	opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}

.blinkanim {
    animation-name: blink;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
}

@keyframes blink {
	0% { opacity: 1; }
	49% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 0; }
}

  #terminal #terminput {
    border: none;
    background-image: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: "Ubuntu Mono";
    font-size: 16px;
    width: 85%;

    /*
      Removes blinker, in a hacky way, but whatever.
    */

    color: transparent;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: black;
  }

  #terminal #terminput:focus {
    outline: none;
  }