body{
	margin:0;padding:0;
	background-color:#262626;
}

@keyframes caret {
    50% {border-color: transparent;}
}


.show{
	display:block;
}
.unshow {
    display:none;
}

@keyframes text {
    0% {width: 0;}
}

.middle{
    position:absolute;
    top:0;left:0;right:0;bottom:0;
    margin:  auto;
}

.load-text {
    width: 11ch;
    height:60px;
    overflow: hidden;
    word-break: keep-all;
    color: #b1f1f3;
    border-right: 3px solid #000000;
    font: bold 400% monospace;
    animation: caret 0.5s step-end infinite ,text 5s infinite steps(11) ;
}

.load-terminal{
    word-break: keep-all;
    border-right: 1px solid #000000;
	animation: caret 0.5s step-end infinite ,text 5s infinite steps(11) ;
}

.back-img{
   position:fixed;
   top: 0;
   left: 0;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center 0;
   min-width: 1000px;
   width:100%;
   overflow:hidden;
   height:100%;
}

.terminal{
   width:800px;
   height:450px;
   /*border:2px solid white;*/
   overflow:hidden;
   border-radius:7px;
   box-shadow: rgba(0,0,0,0.3) 5px 5px 5px 5px;
}
.tab-bar{
	height:20px;
	background-color:white;
}

.tab-bar span{
	display:inline-block;
	height:12px;
	width:12px;
	border-radius:6px;
	margin-left:10px;
	cursor:pointer;
}

#title{
	display:inline-block;
	width:730px;
	text-align:center;
	cursor:move;
}

.content{
  position:relative;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.6);
}

.main-content{
	margin-left:10px;
	margin-right:10px;
	color:white;
}