/*
**  fileupload.css - 12/25/204
*/

@media screen and (max-width: 1023px) {  /* small screens */
	html {
		font-size: 22px;
	}
	body {
		background-color: antiqueWhite;
		font-family: verdana;
		color: black;
		#title {
			width: 98%;
			height: auto;
			margin: 12px 1%;
			text-align: center;
			font-size: 1.5em;
			color: rebeccaPurple;
		}
		#main {
			width: 96%;
			margin: 8px 1%;
			padding: 4px;
			color: rebeccaPurple;
			font-size: 1rem;
			border: 2px solid rebeccapurple;
			border-radius: 15px;
			#uploadform {
				display: block;
				width: 96%;
				margin: 4px 1%;
				input[type=file] {
					display: block;
					content: "Select Files";
					cursor: pointer;
					background-color: transparent;
					font-size: 1rem;
					&::file-selector-button {
						background-color: slateblue;
						color: white;
						font-size: 1rem;
					}
				}
				input[type=submit] {
					display: block;
					width: 25%;
					height: auto;
					margin: 12px 40%;
					padding: 4px;
					cursor: pointer;
					background-color: lightgreen;
					font-size: 1rem;
					color: black;
					border: 2px solid transparent;
					border-radius: 15px;
				}
			}
			#main_status {
				width: 98%;
				height: auto;
				margin: 4px 1%;
				padding: 8px;
				color: rebeccaPurple;
				font-size: 1rem;
				border: none;
			}
			#close {
				width: 25%;
				height: auto;
				margin: 8px 1%;
				cursor: pointer;
				text-align: center;
				background: rebeccapurple;
				font-size: .5rem;
				color: white;
				border: 2px solid transparent;
				border-radius: 10px;
				&:hover {
					background-color: red;
					color: crimson;
				}
			}
		}  /* main */
	}
} /* media */
@media screen and (min-width: 1024px) {  /* large screens */
	body {
		background-color: antiqueWhite;
		color: black;
		#title {
			width: 98%;
			height: auto;
			margin: 24px 1%;
			text-align: center;
			font-size: 1.75em;
			font-weight: 600;
			color: rebeccaPurple;
		}
		#main {
			width: 50%;
			margin: 2px 25%;
			padding: 8px;
			color: rebeccaPurple;
			font-size: 1.5em;
			border: 4px solid rebeccaPurple;
			border-radius: 15px;
			#uploadform {
				display: block;
				margin: 4px 1%;
				input[type=file] {
					display: inline-block;
					content: "Select Files";
					cursor: pointer;
					background-color: transparent;
					font-size: .8em;
					button {
						background-color: lightYellow;
					}
				}
				
				input[type=submit] {
					display: inline-block;
					width: 12%;
					height: auto;
					margin: 1% 1%;
					padding: 4px;
					cursor: pointer;
					background-color: lightgreen;
					font-size: .75em;
					border: 2px solid transparent;
					border-radius: 15px;
				}
			}
			#main_status {
				width: 98%;
				height: auto;
				margin: 4px 1%;
				padding: 8px;
				color: rebeccaPurple;
				font-size: 1em;
				border: none;
			}
			#close {
				width: 10%;
				height: auto;
				margin: 1% 1%;
				cursor: pointer;
				text-align: center;
				background: rebeccapurple;
				font-size: .5em;
				color: white;
				border: 2px solid transparent;
				border-radius: 10px;
				&:hover {
					background-color: crimson;
					color: antiqueWhite;
				}
			}
		}  /* main */
	}
} /* media *.