.html,
body{
 padding:0px;
 margin:0px;
 margin-top:30px;
 font-family:monospace;
 background-color:slategray;
 color:#EDEFF1
}

.content{
 width:80%;
 margin:auto;
 max-width:750px;

 display:grid;
 grid-template-columns:repeat(2,1fr);
 grid-auto-rows:minmax(40px,auto);



}

.header{
 text-align:center;
 font-size:40px;

 grid-column:1/3;
 grid-row:1;
 margin-bottom:30px;
 margin-top:0px;
}

.settings,
.messages{
 padding:12px;
 grid-row:4;
}

.settings{
 background-color:#A6B0BA;

 grid-column:1;




}

h3{
 margin:0px;
 margin-bottom:10px;


}

.messages{
 background-color:#82909E;
 grid-column:2;



}

#gantChart{
 background-color:#807090;
 grid-column:1/3;
 grid-row:2;
 grid-gap:0px;
 margin-top:0px;
}

#process{
 height:100%;
 z-index:1;
 display:block;
 float:left;

}

label{

 width:50%;
}

select,
input{

 float:right;
 outline:none;
 border:none;

}

input{
 width:39%;
 height:28px;

}

select{
 width:40%;
 padding:2px;
 height:30px;
}



ul{
 list-style:none;
 padding:0px;
 margin:0px;
}

.options li{
 padding-top:10px;
 padding-bottom:10px;
}


#processList{
 width:30%;
 resize:none;
 height:80px;
 border:none;
 outline:none;
 padding:10px;
 margin-bottom:20px;

}

button{
 padding:10px;
 width:100px;
 height:60px;
 border:none;
 outline:none;

}

button:active{
 background-color:#807090;
}

button:hover{
 background-color:#DFDBE3;
 cursor:pointer
}

select:hover{
 cursor:pointer;
 background-color:#DFDBE3;
}

select:focus{
 background-color:#DFDBE3;
}

input:hover,
textarea:hover{
 background-color:#DFDBE3;
}

textarea:focus,
input:focus{
 background-color:#DFDBE3;
}

#centered{
 text-align:center;
}

#centered button{
 margin:10px;
 margin-top:30px;
 width:40%;

}

#console{
 height:250px;
 overflow:scroll;
 overflow-x:hidden;

}



::-webkit-scrollbar{
 width:10px;
}


::-webkit-scrollbar-track{
 background:transparent;

}


::-webkit-scrollbar-thumb{
 background-color:#62707E;
 border-radius:10px;

}


::-webkit-scrollbar-thumb:hover{
 background-color:#46505A;
}

#process span{
 padding:3px;
 color:black;
}

#gant{
 margin-top:3px;

}