html {
	margin: 0px;
	height: 100%;
	width: 100%;
	background-image: linear-gradient(
		to bottom,
		rgba(218, 181, 131, 255),
		rgba(37, 24, 57, 255),
		rgba(23, 16, 40, 255)
	);
}
head {
	margin: 0%;
	min-height: 5%;
}
body {
	background-color: rgb(60, 42, 77);

	background-image: linear-gradient(
		to bottom,
		rgb(54, 38, 64),
		rgba(37, 24, 57, 255),
		rgba(23, 16, 40, 255)
	);
    /* background-image: url("img/bg1.png"); */
    background-repeat: no-repeat, repeat;
    background-size:100%;
    background-position-x: 50%;
    background-position-y: 50%;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
		'Lucida Sans', Arial, sans-serif;
	color: rgb(174, 153, 146);
	margin: inherit;
	min-height: 100%;
}

.container {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	flex-flow: row nowrap;
}
.left {
	display: flex;
	align-content: inherit;
	flex-flow: column nowrap;
    margin-right: 0%;
    padding-right:5%;
    padding-left:1%;
}
.right {
	display: flex;
	-ms-flex-align: inherit;
	flex-flow: column nowrap;
    
    margin-right: 0%;
    padding-right:5%;
    padding-left:1%;
}

.output {
	display: flex;
	-ms-flex-align: inherit;
	flex-flow: column nowrap;
}
.header {
	padding: 0.1em;
	text-align: center;
	background: rgba(174, 153, 146, 0);
	color: grey;
	font-size: 2em;
}
span {
	margin: auto;
	padding: 0%;
}
div {
	/* margin: .1em;
    padding: .1em; */
	box-shadow: inset 0 0 6px rgba(41, 25, 49, 0);
	/* background-color:rgba(23,16,40,255) ;
    background-image: linear-gradient(to top,rgb(54,38,64), rgba(37,24,57,255), rgba(23,16,40,255)); */
    margin:0px;
    padding:0%;
}
h1,
h2 {
	height: 1.25em;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
		'Lucida Sans', Arial, sans-serif;
	color: rgb(218, 181, 131);
	/* color:aqua; */
	background-image: linear-gradient(to top,rgba(54, 38, 64, 0), rgba(37, 24, 57, 0), rgba(23, 16, 40, 0));
	

	/* box-shadow: inset 0 0 10px rgb(44, 15, 53); */
	/*make chromatic abbiration effect */
	/* text-shadow: 2px 2px 2px rgba(168, 20, 182, 0.9),
                -2px -2px 2px rgba(24, 161, 65, 0.9); */
	padding: 0em;
	margin: 0em;
	margin-left: -0.1em;
	margin-right: -0.1em;
}
select {
	background-color: rgb(42, 24, 59);
	color: rgba(176,159,189,255);
	margin-left: 5%;
}
input {
	background-color: rgb(42, 24, 59);
	color: rgba(176,159,189,255);
	margin-left: 5%;
}
label {
	color: rgba(176, 159, 189, 255);
	margin-left: 5%;
}
.date {
	background-color: rgb(42, 24, 59);
	color: rgba(176,159,189,255);
	margin-left: 5%;
}
img {
	margin-top: 0.025em;
	margin-left: 0.1em;
	overflow: hidden;
	color: rgb(245, 27, 27);
	
}
.button {
	margin-left: 5%;
	background-color: rgb(42, 24, 59);
	border-color: rgb(96, 80, 81);
	color: rgba(176,159,189,255);
}
a {
	color: rgb(218, 181, 131);
	margin-right: 10%;
}
p {
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
		'Lucida Sans', Arial, sans-serif;
}
.subhead {
	text-shadow: 10px 10px 6px rgba(0, 0, 0, 0);
	font-size: 150%;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
		'Lucida Sans', Arial, sans-serif;
}
.subhead::first-line {
	-webkit-text-stroke-color: rgba(0, 0, 0, 0);
	-webkit-text-fill-color: rgb(174, 153, 146);
	-webkit-text-stroke-width: 0.001em;
}
.subhead::first-letter {
	text-transform: uppercase;
	font-size: 450%;
}

.error {
	background-color: black;
	color: red;
	text-align: center;
}
.subhead2 {
	text-shadow: 2px 2px 2px rgb(57, 4, 73);
	box-shadow: inset 0 0 3px rgba(21, 2, 27, 0);
	font-size: 150%;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
		'Lucida Sans', Arial, sans-serif;
	font-stretch: wider;
    
	padding: 0em;
	margin: 0%;
	text-align: center;
	background-image: linear-gradient(to bottom,rgba(54, 38, 64, 0), rgba(37,24,57,0), rgba(23, 16, 40, 0));
	-webkit-text-fill-color: rgb(174, 153, 146);
	-webkit-text-stroke-color: rgba(176,159,189,255);
	-webkit-text-stroke-width: 0.025em;
}
.subhead2::first-letter {
	font-size: 200%;
	text-transform: uppercase;
}
.form {
    margin-left:0%;
    padding: 5%;
}