/* CSS Document by Dieter Schneider 2007 | www.csstemplateheaven.com */

* {margin: 0; padding: 0;}

body {
	background-color: black;
	font-size: 100%;
     display: flex;
	 justify-content: center;
}

/*---------------- Main structure --------------*/

#container{
	background-image: url(../images/body3.jpg);
	width: 2000px;
	height: 1500px;
	font-size: 1.5em;
	background-repeat: repeat-y;	
	display: flex;
	flex-direction: column;
	justify-items: center;
	align-items: center;
	}


#content {
	width: 100%;
	padding-right: 10px;
	margin-left: 200px;
	margin-right: 100px;
    display: flex;
	align-items:first baseline;
	justify-content:start;
}



h1 {
  	margin-left: 100px;
	margin-top: 50px;
	font-size: 60px;
	color: #55311B;
	font-family:"ＤＦ中太楷書体", "楷体", "隶书", "宋体", "微软雅黑", "华文新魏";
	text-align: center;
}

input[type=text] {
	color: #ffffff;
	background-color:  black;
	font-size: 32px;
	border: 1px solid #1c5e5f;
	padding: 15px 50px;
	cursor: pointer;
	margin-left: 10px;
	margin-top:30px;
}

input[type=text]:hover {
	color:black;
	background-color: #ffffff;
}

button,button2 {
	margin-left: 20px;
}

button.my-button{
	background: linear-gradient(to right,#196BCA ,#6433E0);
	background-color: #196BCA;
	color: #fff;
	font-family: Trebuchet MS;
	font-size: 28px;
	font-weight: 800;
	font-style: normal;
	text-decoration: none;
	padding: 14px 25px;
	border: 0px solid #000;
	border-radius: 10px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
   }

   
   button.my-button:hover{
	background: linear-gradient(to right,#5482d0 ,#7d5ee3);
	background-color: #5482d0;
   }
   button.my-button:active,button.my-button2:active{
	transform: scale(0.95);
   }

p {
  font-size: 40px;
  color: black;
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  text-align:justify;
  font-weight: 500;
}


img
{
	display: block;
	margin-left: auto;
	margin-right: auto;	
}

video
{display: block;
	margin-left: auto;
	margin-right: auto;		
}