/*
Коментарии для кода на CSS
*/
body {
		background-color: #E9CA9C;                /*Цвет фона*/
		margin-left: 1%;                          /*Величина отступа от левого края*/
		margin-right: 1%;                         /*Величина отступа от правого края*/
		padding: 40px 40px 40px 40px;             /*Устанавливает значения полей*/

        font-family: 'Times New Roman', serif;     /*Название шрифтов*/
        font-weight: 600;                          /*Насыщенность шрифта*/
        color: #987EAB;                            /*Цвет шрифта*/
        font-size: 20px;                           /*Размер шрифта*/
        font-style: italic;                        /*Тип шрифта*/

        }

#header {
            text-align: center;             /*Выравниваем все внутри элемента HEADER по центру*/
            border-color: #BD811B;          /*Устанавливает цвет границы элемента*/
            border-bottom-style: ridge;     /*Устанавливает стиль границы внизу элемента*/
            border-bottom-width: 5px;       /*Устанавливает толщину границы внизу элемента*/
}




a.button {
            border-radius: 5px;
            border: 2px outset #BD811B;
            background-color: #D9AC71;
            /*border-bottom: 5px solid #E1B442;*/
            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); /*Добавление тени элементу*/
            display: block;             /*Перевод строчного элемента в блочный*/
            height: 25px;
            width: 150px;
            color: red;
            text-align: center;
}

a:hover.button {
            background-color: #D9AC71;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
            text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
            border: 2px inset #BD811B
}





h1   {
        /*background-color: #FFFDB7;*/

        font-size: 160%;                /*Размер шрифта относительно BODY*/
        font-style: normal;             /*Стиль начертания шрифта*/
        border-bottom-style: ridge;     /*Устанавливает стиль границы внизу элемента*/
        border-bottom-width: 5px;       /*Устанавливает толщину границы внизу элемента*/
        border-color: #987EAB;          /*Устанавливает цвет границы элемента*/


        }

h2   {

        font-size: 120%;                /*Размер шрифта относилтельно BODY*/
        /*font-style: normal;*/
        border-bottom-style: ridge;     /*Стиль границы внизу элемента*/
        border-bottom-width: 5px;       /*Толщина границы внизу элемента*/
        border-color: #987EAB;          /*Цвет границы элемента*/


        }