body{
  font-family: 'Roboto Condensed', sans-serif;
  color:#333333;
  margin:0px;
  padding:0px;
}

a{
  text-decoration: none;
  color:#CA0000;
}

h1 {
  text-transform: capitalize;
  color:#CA0000;
}

h2, h3 {
  text-transform: capitalize;
}

.formContainer{
	display: flex;
}

.searchBox{
	font-size: 14px;
	padding: 10px;
	flex: 2;
}

.button{
	background-color:#CA0000;
	color:#ffffff;
	border: none;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: table-cell;
  font-size: 14px;
}
.button:hover{
	background-color:#EC222;
}

.resetButton{
  background-color:#eeeeee;
	color:#333333;
	border: none;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: table-cell;
  font-size: 14px;
}
.resetButton:hover{
  color:#555555;
}

.loadingIndicator{
  background-color:#eeeeee;
	color:#333333;
	border: none;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: table-cell;
  font-size: 14px;
}

.header{
	margin:20px;
	padding:10px;
}
@media (max-width:800px) {
  .header{
    flex-direction: column;
    margin:10px;
  }
}

.highlight{
	background-color:#019DFF;
	color:#ffffff;
}

.searchForm{
	margin:20px;
	padding:10px;
	background-color:#eeeeee;
}
@media (max-width:800px) {
  .searchForm{
    flex-direction: column;
    margin:10px;
  }
}

.content{
  margin:0px;
  padding:0px;
}

.entry{
  display:flex;
  margin:20px;
}
@media (max-width:800px) {
  .entry{
    flex-direction: column;
    margin:10px;
  }
}

.categoryTitle{
	margin:20px;
	margin-bottom:0px;
	padding:10px;
	padding-bottom:0px;
}
@media (max-width:800px){
	.categoryTitle{
		flex-direction: column;
		margin:10px;
	}
}

.command{
  font-family: 'Roboto Mono', monospace;
	background-color:#CA0000;
	color:#ffffff;
	padding:10px;
  flex:2;
  order:1;
}

.description{
	padding:10px;
	background-color:#eeeeee;
  flex:10;
  order:2;
}