@import url('//cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.0/css/bootstrap.min.css');
@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed:wght@700&display=swap');

html,
body {
	/* height: 100%; */
	background-color: whitesmoke;
	font-family: 'Roboto', sans-serif;

}

html {
	scroll-padding-top: 2rem;
	padding: 20px;
}

main {
	margin-top: 4rem;
	scroll-margin-top: 5rem;
}

h1 {
	font-family: 'Roboto Condensed', sans-serif;
}

.card-header {
	font-family: 'Roboto', sans-serif;
	font-size: 2.5rem;
}

#largeMenu {
	position: fixed;
	top: 1.4rem;
	margin-top: .9rem;
}