@charset "utf-8";
/* CSS Document */

body {
    margin: 0;
    font-size: 18px;
    line-height: 26px;
	display: flex;
	flex-direction: column;
}

h1,h2, header{
	font-family: Cambria, "Hoefler Text", "Times New Roman", "serif";
}

p, li {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}

header {
	background: #ECAC0F;
background: -moz-linear-gradient(top, #ECAC0F 0%, #967D12 54%, #ECA916 100%);
background: -webkit-linear-gradient(top, #ECAC0F 0%, #967D12 54%, #ECA916 100%);
background: linear-gradient(to bottom, #ECAC0F 0%, #967D12 54%, #ECA916 100%);
color: #fff;
padding: 1.6rem;
text-shadow: 2px 2px 2px #FDFFF8;
text-align: center;
border: 7px solid #CFAE13;
}

article{
    padding: 0 80px 0 80px;
	border: 7px solid #CFAE13;
}

section{
	margin-top: 10px;
	border-top: 6px solid #CFAE13;
	border-radius: 10px;
	border: 6px solid #CFAE13;
	background: #CD8624;
	color: white;
}

.p1{
	padding: 5px;
	padding-left: 20px;
	
}

.Q {
	font-size: 30px;
}

ul, li, ol, li, p {
    margin-bottom: 45px;
}

figure {
	display: grid;
	justify-content: center;
}

footer {
    text-align: center;
    padding: 30px 0 50px 0;
}

button {
border: none;
padding: 15px 32px;
  text-align: center;
  font-size: 16px;
    border-radius: 5px;
    margin: 0 30px 0 0;
}

.button1 {
    background-color: #ECA916; 
    box-shadow: 5px 5px, black;
    color: white;
    font-weight: 700;
}

.button2 {
    background-color: #ECA916;
    box-shadow: 5px 5px, black;
    color: white;
    font-weight: 700;
}

.button1:hover {
    background-color: #967D12;
    color: black;
    cursor: pointer; 
}

.button2:hover {
    background-color: #967D12;
    color: black;
    cursor: pointer; 
}