body {
    max-width: 900px; /* ограничение максимальной ширины  */
    margin: 0 auto;
}

p
{
    color: green;
    font-family: Arial;
}

h1
{
    color: green;
    font-family: Arial;
}

h2
{
    color: blue;
    font-family: Arial;
}

h3
{
    color: blue;
    font-family: Arial;
}

/* для всех блоков внутри body изменяем алгоритм расчета ширины блоков и добавляем все блокам поля 10px */
body div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}

.header {
    background: #CCA69E;
    padding: 10px;
}

.left-sidebar {
    width: 70%;
    background: #99CCCC;
    float: left;
}

.content {
    width: 30%;
    background: #CCA69E;
    float: left;
}

.right-sidebar {
    width: 1%;
    background: #FF9282;
    float: left;
}

.footer {
    background: #000;
    clear: both; /* запрещаем обтекание с обоих сторон, блок выводится с новой строки */
    color: #ccc;
}

/* Таблица */
th {
   border: 1px solid grey;
}

td {
   border: 1px solid grey;
}

table {
   border: 3px solid grey;
   font-family: Arial;
   border-collapse: collapse;
}


/* Меню */
ul {
  list-style: none; 
  margin: 0 auto;
}
a {
  text-decoration: none;
  font-family: 'Lora', serif;
  transition: .5s linear;
}
i {
  margin-right: 10px;
}
nav {
  display: block;
  width: 660px;
  margin: 0 auto 30px;
}
.two ul {
  background: #D4E7EE;
  overflow: hidden;
  padding: 0;
}
.two li {
  float: left;
}
.two a {
  display: block;
  padding: 1em;
  border-right: 1px solid #ADC0CE;
  background: rgba(173, 192, 206, .3);
  color: #29838C;
}
.two a:hover {background: #ADC0CE}
