html {
	box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: inherit;
}

@keyframes fadeIn
{ 
	from { 
		opacity: 0;
	}
	to { 
		opacity: 1;
	}
}

body {
	margin: 0;
	padding: 0;
	background: rgb(225, 225, 225);
	overflow-x: hidden;
	animation: fadeIn 0.8s forwards;
}

/* Full body Container */ 
#wrapper {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	padding-top: 80px;
}

/* Page Container Defines */
#page-container {
	display: flex;
	justify-content: normal;
	flex-direction: column;
	align-items: center;
}
/*Phone Mode*/
@media screen and (max-width: 1000px) {
	#wrapper {
		padding-top: 50px;
		justify-content: left;
		margin: 0px;
	}
	#page-container {
		padding: 0px;
		align-items: normal;
		width: 100%;
		min-width: 240px;
	}
	
}