body{
	background-color:  #d4b4aa;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #442a22;
	line-height:1.6;
}

a:link{
	color: #442a22;
	text-decoration: none;
}
a:visited{
	color:#442a22;
	text-decoration:none;
}

a:hover{
	color: black;
	text-decoration: underline;
	font-weight: bold;
}

a:active{
	color: black;
	text-decoration: underline;
	font-weight: bold;
}
.header {
  
  padding: 10px 20px;
  text-align: justify;
  background-color:#c9af98;
  color: #3a4660;
  margin:auto;
  width:700px;
  font-size:16px;
  font-family:"Lato", sans-serif;
  
}   

hr{
	border: 1px solid #aaa;
}

#weblink{
	width: 500px;

}

#author{
	line-height:1.6;
	padding-left: 30px;
	padding-right:30px;

}

.card {
	background-color: white;
	padding: 20px;
	margin-top: 20px;
	border-radius: 10px;
	border: 2px solid  #885444;
}

#main {
	
	margin-top: 20px;
	background: #d4b4aa;
	padding:20px;
	width:700px;
	margin:auto;
	
	
}

input {
	margin-bottom: 10px;
}

::-webkit-input-placeholder { /* Edge */
  color: #ddc3bb;
  font-size: 14px;

}

:-ms-input-placeholder { /* Internet Explorer */
  color: #ddc3bb;
  font-size:14px;
}

::placeholder {
  color: #ddc3bb;
  font-size: 14px;
 
}

#textbox_short {
	height: 25px;
	font-size: 16px;
	border-radius: 4px;
	border:1px solid #885444;
	padding-left:5px;
	width: 150px;
	box-sizing:border-box;
	outline: none;
	background: #eee1dd;
}

#textbox_long {
	height: 25px;
	font-size: 16px;
	border-radius: 4px;
	border:1px solid 	 #885444;
	padding-left:5px;
	width: 300px;
	box-sizing:border-box;
	outline: none;
	background: #eee1dd;
}
	
#button1, #button2, #button3, #button4, #button5, #button6, #button7, #button8, #button9, #button10, #button11, #button12, #buttonind{
	background: #eee1dd;
	border: 2px solid #885444;
	border-radius:3px;
	padding:5px;
	color: #885444;
	font-size:14px;
	margin-top:10px;
	font-family:sans-serif;
	
}

#button1:hover, #button2:hover, #button3:hover, #button4:hover, #button5:hover, #button6:hover, #button7:hover, #button8:hover, #button9:hover, #button10:hover, #button11:hover, #button12:hover, #buttonind:hover{
	background: #885444;
	border:2px solid #885444;
	color: #eee1dd;
	cursor: pointer;
	font-family:sans-serif;
}

#total{
	
	margin-top: 10px;
	background-color: white;
	width: 600px;
	margin: auto;
	color: #885444;
	font-size: 20px;
	text-align: center;
	padding: 10px 20px 20px 20px;
	border-radius:5px;
	display:none;
	border: 2px solid #885444;
	
}
	
table{
	border-collapse: collapse;
	border-spacing:0;
	width: 100%;
	border-radius: 4px;
}

table#table_11q{
	margin-bottom:10 px;
	border: 1px solid #885444;
	
}
th, td{
	text-align: center;
	padding: 10px;
	font-size: 14px;
	color: #885444;

}

tr:nth-child(even){
	background-color:#d4b4aa;
}
	
#answer1, #answer2, #answer3, #answer4, #answer5, #answer6, #answer7, #answer8, #answer9, #answer10, #answer11, #answer12{
	
	width:90%;
	float:center;
	border-radius:5px;
	margin:auto;
	padding:10px;
	border:1px dotted #d4b4aa;
	display:none;
	background-color: #d4b4aa;
	text-align: justify;
}

#main:after {
  content: "";
  display: table;
  clear: both;
}

#extention{
	background-color:#bd8c7d;
	padding: 5px 20px;
	margin-top: 20px;
	text-align: justify;
	border-radius: 5px;
	
	
}

#footer{
	background:#d4b4aa;
	font-size: 12px;
	padding:20px;
	width:700px;
	margin:auto;
	margin-top:20px;
	text-align: justify;
	border-top: 2px solid #bd8c7d;
	
	
}