.activity {
  background-color: tomato;
  color: white;
  border: 2px solid black;
  margin: 20px;
  padding: 20px;
  opacity: 0.8;
}
.journal {
  background-color: #96D4D4;
}
table {
  width: 100%;
  text-align:left;
  vertical-align: middle;
}
table tr {
  border-bottom:1px solid black;
}
th, td {
  padding:10px;
}
tr:hover {background-color: #D6EEEE;}
table td:nth-child(1) { text-align: center; }
.navbar-nav > li{
  padding-left:30px;
  padding-right:30px;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.column {
  float: left;
  width: 15%;
  padding: 2px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}

/* CSS styles for the blog post */
body {
  font-family: Arial, sans-serif;
  margin: 20px;
}
h1 {
  font-size: 24px;
  margin-bottom: 10px;
}
.author {
  font-style: italic;
  margin-bottom: 5px;
  text-align: right;
}
.date {
  font-style: italic;
  color: #888;
  margin-bottom: 20px;
  text-align: right;
}
.content {
  line-height: 1.5;
}
/* CSS styles for colorful tags */
.tag {
  font-size: 12px;
  display: inline-block;
  padding: 8px 8px;
  border-radius: 2px;
  font-weight: bold;
  color: #fff;
}

.tag-red {
  background-color: #ff0000;
}

.tag-blue {
  background-color: #0000ff;
}

.tag-green {
  background-color: #00ff00;
}