body {
	margin: 0;
	padding:0;
	background-color: #f1f1f1;
	color: white;
	font-family: Atkinson Hyperlegible, sans-serif;
	max-width: 100%;
	overflow-x: hidden;
}

html body {
	max-width: 100%;
	overflow-x: hidden;    
	background: #8FA42E;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.top_div {
	height: 80px;
	width: 100%;
	background-color: black;
	position: relative;
	display: flex;    
	    justify-content: space-between;
    align-items: center;
}

.top_text {
	color: white;
	font-size: 20px;
}

.main_div {
	display: flex;
	height: 100vh;
    align-items: center;
	flex-direction: column;
    justify-content: space-between;
	width: 100%;
}


.main_part {
	display: flex;
	border-radius: 10px;    
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.main_part_outer {
			display: flex;
		justify-content: center;
	height: 100%;
	align-items: center;
}

.main_part_inner {
	display: flex;
	justify-content: center;
	background-color: black;
	border-radius: 10px;
	flex-direction: column;
}

.drag_drop_zone {
	border: 2px dashed #ccc;
	width: 300px;
	height: 200px;
	padding: 20px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 0 auto;
	
}


.excel_text_header {
	margin: 20px;
}


.main_button {
	display: flex;
	text-align: center;
	height: 50px;
	width: 250px;
	background-color:grey;
	color: white;
	margin: 14px 0px;
	border-radius: 8px;
	    align-items: center;
    justify-content: center;
	font-size: 20px;
}

.info_text {
	display: none;
	text-align: center;
}


.copy_write {
	width: 100%;
	height: 60px;
	background-color: black;
	color:white;
	display: flex;
	    align-items: center;
    justify-content: center;
	position: relative;
    bottom: 0px;
}

@media (max-width:1000px) { 

}