html body{
  width:100%;
  height:100%;
}

div#container{
  width:100%;
  height:100%;
  margin:0;
}

section{
  font-size: 13px;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 16px;
  letter-spacing: 1px;
  color:#333333;
  width:45%;
  margin:auto;
  padding-left:20px;
  padding-right:20px;
  padding-top:40px;
  padding-bottom: 20px;
}

a:link {
  color: blue; 
  text-decoration: none;
  border-bottom: 1px solid blue;
}

a:visited {
  color: purple;
  text-decoration: none;
  border-bottom: none;
}

a:hover {
  color: #333333;
  text-decoration: none;
  border-bottom: none;
}

a:active {
  color: #333333;
  text-decoration: none;
  border-bottom: none;
}

a.external:link {
  color: red; 
  text-decoration: none;
  border-bottom: 1px solid #333333;
}

a.external:visited {
  color: red;
  text-decoration: none;
  border-bottom: none;
}

a.external:hover {
  color: white;
  text-decoration: none;
  border-bottom: none;
}

li.crumb>a:link {
  color: #333333; 
  text-decoration: none;
  border-bottom: 1px solid #333333;
}

li.crumb>a:visited {
  color: #333333;
  text-decoration: none;
  border-bottom: none;
}

li.crumb>a:hover {
  color: #333333;
  text-decoration: none;
  border-bottom: none;
}

li.crumb>a:active {
  color: #333333;
  text-decoration: none;
  border-bottom: none;
}

section#text{
  background-color:lightblue;
}

h1{
  font-family: 'Margarine', cursive;
  font-size: 40px;
  line-height: normal;
}

nav {
    border-bottom: 1px solid black;
}

.crumbs ol {
    list-style-type: none;
    padding-left: 0;
}

.crumb {
    display: inline-block;
}

.crumb a::after {
    display: inline-block;
    color: #000;
    content: '>';
    font-size: 80%;
    font-weight: bold;
    padding: 0 3px;
}

footer#gallery{
  background-color:yellow;
  display:block;
}

section#gallery{
  background-color: lightblue;
}

section#network{
  background-color:pink;
  margin-top: 30px;
  padding-bottom:20px;
  display:block;
}

h1 {
  color: green;
  text-align: center;
}

img {
  width: 100px;
  border:2px solid red;
  margin:5px;

}

img.exlaimation{
  border: none;
  width:20px;
}

.topic li {
  padding-left: 2rem;
  background-image: url(img/index/star.png);
  background-position: 0 0;
  background-size: 1rem 1rem;
  background-repeat: no-repeat;
  list-style-type: none;
  margin: 21px;
}