@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');

html{
font-family:  'Inter';

}

html,body {
margin:0rem;
padding:0rem;
overflow-x:hidden;
}



:root {
 --bs-body-bg:  #e9ecef;
 --bs-body-font-family:  'Inter', sans-serif;;

}

.container {

text-align: center;
padding-top:  3rem;

}


.section {


margin-bottom: 5rem;

}

.row {

	padding-bottom: 0.5rem;
}



.container2 a:hover {

		cursor: pointer;
  transform: scale(1.12);
  transition: .2s ease-in-out 0s;
  box-shadow: 0px 0px 3px #b8bfc4;
  	border: solid WHITE;
	border-width: 0.7px;


}

.container3 img {

	width:  100%;



}
.btn {
	box-shadow: 0px 1px 10px #b8bfc4;

	margin: 0.42rem;

	text-decoration: none;
	border: solid WHITE;
	border-width: 1.8px;
	
}



.name {

	margin: 0.5rem;
	padding-top: 0.7rem;
	padding-bottom: 0.7rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	font-size: 70%;
	
	
	box-shadow: 0px 2px 10px #e2e5e7;
	

}

.year {
	
	box-shadow: 0px 2px 10px #e2e5e7;


}

.cards {


}

.list {

height:  5rem;
padding-top: 1.6rem;
background-color: white;

box-shadow: 0px 2px 8px #bec2c5;
border: solid WHITE;
border-width: 1px;


}



img {
	width:  100%;
}



h1 {

	padding-top:  3rem;
	font-size:  160%;
}




h4 {

	font-size: 90%;
}

.offcanvas a
{
	font-size: 1rem;

}

.offcanvas-body li {
	padding: 0.5rem;

}





.flexbox-item {
	margin: 0.5rem;
	height:  2.9rem;
	padding-top: 0.6rem;
	border:  1.5px solid white;
	border-radius: 6px;
	color: white;
	box-shadow: 0px 2px 9px #e0e0e0;
	transition: .2s ease-in-out 0s;




}


.flexbox-item:hover {
	
  transform: scale(1.001);
}

.btn {

	font-size: 0.8rem;

}
.spacing {


}


.cards h2 {
font-size: 1.1rem;
}

.nav-link a {
font-size: 0.1rem;


}

h3 {
font-size:  105%;

}

.container2 {

text-align: center;
box-shadow: 0px 1px 6px #bec2c5;
border: solid WHITE;
border-width: 1px;

margin-top:  1.3rem;
padding: 1rem;
padding-left: 0.5rem;
padding-right: 0.5rem;

}


span.tab-space {padding-left:2em;}


/* sm */
@media (min-width: 768px) {

.container2 {
margin-top:  1.5rem;
padding: 2rem;
padding-left: 1rem;
padding-right: 1rem;
}

h1 {

	font-size:  260%;
}
h4 {

	font-size: 110%;
}
.cards h2 {
font-size: 1.35rem;
}

.name {
font-size: 75%;
}
h3 {
font-size:  160%;

}



}
/* md */
@media (min-width: 992px) {

.container2 {
margin-top:  1.5rem;
padding: 2rem;
padding-left: 1rem;
padding-right: 1rem;
}

h1 {

	font-size:  350%;
}
h4 {

	font-size: 120%;
}


.cards h2 {
font-size: 1.45rem;
}

.name {
font-size: 85%;
}
h3 {
font-size:  170%;

}



}
/* lg */
@media (min-width: 1200px) {

.container2 {
margin-top:  1.5rem;
padding: 2rem;
padding-left: 1rem;
padding-right: 1rem;
}


h1 {

	font-size:  420%;
}
h4 {

	font-size: 130%;
}
.cards h2 {
font-size: 1.45rem;
}

.name {
font-size: 85%;
}

h3 {
font-size:  170%;

}
}