/*************** General Styles ****************/

/* Remove the margin and padding from all the elements. */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* 
* Default size of 1rem = 16px, shrinking it to 62.5% makes 1rem = 10px, easy for reference.  
* Make the scrolling smooth.
*/
html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}

/* Remove the default style for all the links. */
a {
	text-decoration: none;
}

body {
	background-color: #eee;
	font-family: "Noto Sans SC", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
}

.main-container {
	max-width: 600px;
	margin: 0 auto;
}

.hidden {
	display: none;
}