@import 'view-transition.css';
@import 'route-changing-overlay.css';

body {
	--base-font-size: 1.2rem;
	--form-field-background-color:white;
}

main {
	font-size:1.2rem;
}

h1, h2, h3, h4, h5, h6 {
	/*margin-top:0;*/
}

p {
	font-family: Arial, sans-serif;
}

	body:before {
		content: '';
		display: block;
		background-color: var(--primary-color);
		position: fixed;
		bottom: 100vh;
		height: 50px;
		width: 100%;
		z-index: 50;
	}

.hamburger {
	padding: 1.5rem;
}

.glass-background {
	backdrop-filter: blur(8px);
	--background-color: #ffffff22 !important;
}


	.title {
		font-size: 5rem;
	}

.title--large {
	font-size: 8rem;
}

.title--small {
	font-size: 3rem;
}


.page-section-aside {
	border-radius: 0rem;
	overflow: hidden;

}

.no-margin {
	margin: 0px;
}


.navbar-brand {
	width: 80px;
}

.btn.btn--large {
	font-size: 2rem;
}

.navbar-nav {
	margin: 3rem 0 3rem 1rem;
	padding: 0px;
}

	.navbar-nav > .nav-item {
		font-size: 2.5rem;
		list-style: none;
		min-height: 3rem;
		letter-spacing: 0.2rem;
		transition: letter-spacing 0.3s;
	}

		.navbar-nav > .nav-item:hover {
			letter-spacing: 0.5rem;
		}