/*
* {
	box-sizing: border-box;
	
	margin: 0;
	padding: 0;
}

body {
	padding: 10px;
}

body > main {
	width: 60%;
	margin: 0 auto 0 auto;
}

/** footer ** 
body > main > footer {
	
}
body > main > footer > p {
	text-align: center;
}

/** header ** /
body > main > header {
	
}
body > main > header > h1 {
}

body > main > header > p {
	width: 100%;
	padding: 5px;
	
	background-color: #ccc;
}

/* form * /
body > main > form {
	
	margin: 10px 0 10px 0;
	padding: 1px;
}

body > main > form > fieldset {
	border: 1px solid transparent;
}

body > main > form > fieldset > legend {
	width: 100%;
	text-align: center;
	font-size: large;
}
body > main > form > fieldset > legend > span {
	vertical-align: super;
}

body > main > form > fieldset > input[type="submit"] {
	
	display: inline-block;
	width: 45%;
	
	padding: 5px;
	margin:  10px;
	text-align: center;
	
	background-color: #ccc;
}

body > main > form > fieldset > textarea {
	
	width: 100%;
	height: 6em;
	
	padding: 20px;
	border: 1px solid #000;
	border-radius: 10px
}
*/
/** =============================================================================================================== **/
* {
	margin: 0 auto;
	padding:0;
	
	z-index: 10;
}

.logo {
	width:60%;
}
.box{
	text-align: center;
	/* margin-bottom: 20px; */
	margin-bottom: 10px;
}
/* search box*/
.box1 {
	width:100%;
	color: white;
	font-size: large;
	box-shadow: 0px 0px 5px 1px rgba(25, 24, 24, 0.2);
	height: 250px;
	/* padding: 20px;  */
	padding: 15px;
	border-radius: 25px;
	
	position: relative;
}

.box1 > .camera {
	
	position: absolute;
	top:   60px;
	right: 25px;
	
	width:  1em;
	height: auto;
	cursor: pointer;
}

.box1 > .microphone {
	
	position: absolute;
	top:   25px;
	right: 25px;
	
	font-size: 25px;
	color:     #5F6368;
	cursor:    pointer;
}

/* textarea class
input textarea css  change font size - 22px;*/	
.searchbox{
	float: left;
	/* width: 85%;  */
	width: 95%;
	color: #5F6368;
	position: relative;
	font-family: 'Comfortaa';
	font-size: 22px;
	height: 190px;
	border:none;
	padding: 10px;
}

/*input button css  change font size - 20px;*/	
.submitbutton {
	font-family: 'Comfortaa';
	height: 40px;
	font-size: 20px;
	background-color: #f2f2f2;
	border: 1px solid #f2f2f2;
	border-radius: 10px;
	color: #5F6368;
	cursor: pointer;
	margin: 20px 5px 0px 5px;
	width: 100%;
	text-align: center;
}

textarea{
	resize: none;
}

/*textarea outline color*/
textarea:focus {
	outline-color: white;
}
/*input button outline color*/
input:focus {
	outline-color: white;
}
/* paragraph style change font */
p{
	margin: 20px 5px 0px 5px;
	padding:10px;
	color: #5F6368;
	font-family: 'Comfortaa';
	text-align:center;
	font-size: 20px;
}

/** file selector **/
form  input[type="file"] {
	
	display: block;
	
	width: 20%;
	
	position: absolute;
	top: 3em;
	left: 3em;
	
	z-index: 5;
}