@import url('./utilities.css');
@import url('./fonts.css');
@import url('./normalize.css');
@import url('./variables.css');
@import url('./header.css');
@import url('./footer.css');
@import url('./sections.css');
@import url('./hero.css');
@import url('./post.css');

html,
body {
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	background-color: #342e37;
}

/* Button */
button,
.button {
	display: inline-block;
	box-sizing: border-box;
	border: none;
	color: inherit;
	text-decoration: none;
	padding: 12px 16px;
	transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out;
	border-radius: 8px;
	font-weight: bold;
	cursor: pointer;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background-color: rgba(0, 0, 0, 0.7);
	border: 3px solid rgba(0, 0, 0, 0.7);
}

button:hover,
.button:hover,
button:focus-visible,
.button:focus-visible {
	background-color: rgba(60, 60, 60, 0.7);
	border: 3px solid rgba(60, 60, 60, 0.7);
}

.inline-button {
	color: rgb(51, 100, 224);
}

a {
	color: inherit;
}