@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Andada+Pro:ital,wght@0,400..840;1,400..840&display=swap');

:root {
  --bs-body-font-family: "Roboto Condensed", sans-serif;
  --bs-primary: #8164aa;
  --bs-primary-rgb: 129, 100, 170;
}

.navbar-brand{
	font-size:1.5rem;
	font-weight: 300;
	font-style:italic;
	letter-spacing: -0.025rem;
}

.navbar-brand > span {
	font-size:150%;
	font-weight: 800;
	margin-right: .5rem;
}

a.active{
	text-decoration: underline;
}

p.lead{
	font-size:calc(1rem + 0.75vw);
  font-family: "Andada Pro", Georgia, serif;
	font-style: italic;
	font-weight: 400;
	line-height:1.3;
}

a.btn-primary{
	--bs-btn-color:#fff;	
	--bs-btn-bg:#8164aa;
	--bs-btn-border-color:#9275bb;
	--bs-btn-hover-color:#fff;
	--bs-btn-hover-bg:#9275bb;
	--bs-btn-hover-border-color:#a386cc;
	--bs-btn-focus-shadow-rgb:49,132,253;
	--bs-btn-active-color:#fff;
	--bs-btn-active-bg:#0a58ca;
	--bs-btn-active-border-color:#0a53be;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color:#fff;
	--bs-btn-disabled-bg:#0d6efd;
	--bs-btn-disabled-border-color:#0d6efd
}

a.btn > span{
	font-style: italic;
	font-weight: 600;
	margin-right: .5rem;
}

.small{
	letter-spacing: 0.025rem;
}

a svg{
	margin-right:.5rem;
	margin-top:-0.25rem;
}

a:hover svg{
	margin-top:-0.1rem;
	transition:ease all .25s;
	fill:#eee;
}

h2{
	font-family: "Andada Pro", Georgia, serif;
	font-style: italic;
	font-weight: 400;
	font-size:calc(1rem + 0.75vw);
}

h3{
	font-size:calc(1rem + 0.25vw);
}

h4{
	font-size:calc(1rem + 0.125vw);
}

img.border-2{
	filter:grayscale(1);
}