@import url(https://fonts.googleapis.com/css?family=Lora:400,700);

/* Color reference:
background color: #E1E0DD
body background color: #F1F2F0
text color: #35342F
link color: #5D2C9E
---visited: #463E66
---hoverbg:

*/

html {
  background-color: #E1E0DD;
  margin-right: 20%;
  margin-left: 20%;
  font-family: Lora;
}

header, section, footer{
  text-align: center;
  width: 80%;
  background-color: #F1F2F0;
  color: #35342f;
}

a:link {
  text-decoration: none;
  color: #5D2C9E;
}

a:visited {
  color: #463E66;
  text-decoration: line-through;
}


header {
  position: relative;
  display: block;
  float: left;

  height: 100%;
  padding: 25px 50px 10px 50px;
  border-top-left-radius: 50px;
  border-top-right-radius: 10px;
}

nav li {
  width: 15%;
  padding: 10px 5px 10px 5px;
  float: left;

  list-style-type: none;
  font-size: 13pt;
  color: #5ECCC2;
}

nav a:hover {
  padding: 7px;
  background-color: #37BBE4;
  color: #261033;
  border-radius: 10px;
}

nav a:active {
  color: #170621;
  font-weight: bold;
}

header>h3 {
  color: #293E45;
  text-align: right;
  font-size: 15pt;
  float: right;
  padding: 0px 5px 0px 40px;
}

section {
  display: inline-block;
  text-align: center;
  padding: 10px 50px 10px 50px;
}

section p {
  text-align: justify;
}

section ul {
  list-style: inside circle;
}

footer {
  display: inline-block;
  text-align: center;

  font-size: 10pt;
  padding: 25px 50px 50px 50px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 75px;
}
Add basic layout and colors
Add basic layout and colors
