section#top {
  color: purple;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  float: left;
  width: 100%;
  margin-bottom: 20px;
  background: rgba(0, 0, 0, 0.5);
}
section#top header {
  display: inline-block;
  background: purple;
  color: white;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
  font-size: 25px;
  border-top: 5px solid transparent;
  padding: 10px;
  float: left;
  margin-right: 40px;
  position: relative;
}
section#top header * {
  color: white;
  border-color: white;
  text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
}
section#top header span {
  font-weight: bold;
}
section#top header strong {
  background-color: white;
  color: #64ac61;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
section#top header a:hover {
  color: white;
}
section#top header:before {
  content: '';
  border: 29px solid transparent;
  border-left: 29px solid purple;
  height: 0;
  position: absolute;
  top: -4px;
  width: 0;
  right: -58px;
}
section#top ul {
  display: inline-block;
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
section#top ul li {
  float: left;
}
section#top ul li a {
  color: inherit;
  text-decoration: inherit;
  font-size: 25px;
  display: inline-block;
  border-top: 5px solid transparent;
  padding: 10px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
section#top ul li a:hover {
  background: rgba(0, 0, 0, 0.9);
  color: #888888;
}
section#top ul li a.selected {
  border-top: 5px solid purple;
  font-weight: bold;
}
section#top ul li:first-child {
  margin-left: 0;
}
section#top ul li:last-child {
  margin-right: 0;
}
section#top ul.right {
float: right;
}
section#head {
  float: left;
  width: 100%;
}
section#head > * {
  text-align: center;
}
section#head {
  float: left;
  width: 100%;
}
section#head > * {
  text-align: center;
}
section#head h1 {
  font-size: 80px;
  color: white;
  text-shadow:0px 1px 0px purple, 0px 2px 0px purple, 0px 3px 0px purple, 0px 4px 0px purple, 0px 5px 0px purple, 0px 6px 0px purple, 0px 7px 0px purple, 0px 8px 7px purple; 
}
section#head p {
  font-size: 30px;
  color: purple;
}
body{
  background:#f3f3f3 url(Fanta.jpg);
  background-size:100% 100%;
  background-attachment:fixed;
  width:100%;
  overflow-x:hidden;
  margin: 0;
  padding: 0;
}
section#journal {
  font-size: 20px;
  color: white;
  background: rgba(0, 0, 0, 0.5);
  float: left;
  width: 80%;
  margin: 50px 10%;
}