/* Reset and Base Styles */
html,
body {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background-color: #ffffff;
	color: #000000;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
		'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
		sans-serif;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: 200;
	letter-spacing: 0.05em;
}

p {
	margin: 0;
}

/* Links */
a {
	color: #000000;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

a:hover {
	opacity: 0.7;
}

/* Buttons */
button {
	font-family: inherit;
	font-size: inherit;
	cursor: pointer;
	outline: none;
	transition: all 0.3s ease;
}

button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Images */
img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Hide scrollbar indicator (cross-browser)
   - Chrome, Safari, Opera: hide via ::-webkit-scrollbar width/height = 0
   - Firefox: scrollbar-width: none
   - IE/Edge (legacy): -ms-overflow-style: none
*/

/* Apply to the document and all elements by default */
html, body, * {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}

/* For WebKit-based browsers (Chrome, Safari, Opera) */
::-webkit-scrollbar {
	width: 0px;
	height: 0px;
	background: transparent;
}

/* Responsive Base Sizes */
@media (max-width: 768px) {
	body {
		padding: 0;
	}
}