body{ /* body - это тег страницы в целом */
	background: #e3efb8;/* Цвет заднего фона страницы */
	font-size: 20px;/* Размер шрифта */
	font-family: FiraSansCondensed;/* шрифт */
}

.containter{/* класс-основа, в него будут добавлены все прочие элементы */
	background:#b8c76f;/* Цвет заднего фона */
	margin: 30px auto;/* Отступы от краёв экрана, чтоб выровнять по центру */
	width: 1208px;/* ширина блока */
	height: 1400px;/* высота блока */
}
.header{/* Шапка сайта. Сюда мы добавим красивую картинку на следующем занятии */
	background: #113357; /* Цвет заднего фона */
	height: 300px;/* ширина */
	width: 1208px;/* высота */
}
.navigation{/* Навигация по сайту, здесь будут ссылки на другие страницы нашего сайта */
	background: #235703;/* Цвет заднего фона */
	width: 1208px;/* ширина */
	height: 50px;/* высота */
	margin-top: 10px;/* отступы сверху и снизу */
	margin-bottom: 10px;
}
.content{/* Блок с контентом. В него мы добавляем свой замечательный текст и картинки */
	background: #feddc0;/* Цвет заднего фона */
	width: 1208px;/* ширина */
	height: 1000px;/* высота */
	float: right;/* выравнивание */
}
.clear{/* просто служебный блок для добавления отступа */
	clear: both;
}
.footer{/* Подвал сайта, здесь будем писать информацию о себе-любимых */
	background:#c1fab6;/* цвет фона */
	height: 60px;/* высота */
	width: 1208px;/* ширина */
	text-align: center;/* выравнивание текста */
	font-size: 20px;/* размер шрифта */
}
@font-face {/* это правило для добавления собственного шрифта */
  font-family: "FiraSansCondensed";/* имя шрифта */
  src:
    url("FiraSansCondensed-Medium.ttf")/* местоположение (т.к. он лежит в одной папке с сайтом, то я просто пишу имя файла) */ format("truetype")/* и имя формата */;
    font-style: normal; /* говорю что этот шрифт не наклонный */
    font-weight: normal; /* и не жирный */  
}
/* Для различных стилей начертания можно добавлять новые правила по аналогии */
a{
	color:#05f72d ;
	text-decoration:none ;
}
td{
   height: 50px;
   width: 300px;
   text-align: center;
   vertical-align: middle;
}



