* {
box-sizing: border-box;
}

body {
background-color: #3D3933;
padding: 20px;
color: #f1f1f1;
font-family: 'Quicksand', sans-serif;
}

.goback {
padding: 0px 0px 0px 10px;
color: #f1f1f1;
}

h5 { 
text-align: center;
color: #f1f1f1;
}

h4 { 
color: #f1f1f1;
}

h3 { 
color: #f1f1f1;
padding: 0px 0px 0px 10px;
}

.indent {
padding: 0px 0px 0px 10px;
}

/* Center website */
.main {
margin: auto;
}

.row {
margin: 10px -16px;
}

/* Create equal columns that float next to each other */
.column {

float: left;
display: none; /* Hide all elements by default */
}

/* Clear floats after rows */ 
.row:after {
content: "";
display: table;
clear: both;
}

/* Content */
.content {
background-color: #3D3933;
padding: 10px;
}

/* The "show" class is added to the filtered elements */
.show {
display: block;
}

/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 3px 6px;
margin: 0px 1px 5px 0px; 
color: white;
background-color: #8A7651;
cursor: pointer;
}

.btn:hover {
color: black;
background-color: #ddd;
}

/* unvisited link */
a:link {
color: #f1f1f1;
text-decoration: none;
}

/* visited link */
a:visited {
color: #f1f1f1;
text-decoration: none;
}

/* mouse over link */
a:hover {
color: black;
text-decoration: none;
}

/* selected link */
a:active {
color: #f1f1f1;
text-decoration: none;
}
