@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-Variable.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-Variable.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-VariableItalic.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-VariableItalic.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-VariableItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-Thin.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-Thin.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-ThinItalic.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-ThinItalic.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-Extralight.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-Extralight.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-ExtralightItalic.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-ExtralightItalic.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-ExtralightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-Light.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-Light.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-LightItalic.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-LightItalic.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-Regular.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-Regular.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-Italic.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-Italic.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-Medium.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-Medium.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-MediumItalic.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-MediumItalic.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-Semibold.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-Semibold.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-SemiboldItalic.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-SemiboldItalic.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-Bold.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-Bold.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-BoldItalic.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-BoldItalic.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-Extrabold.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-Extrabold.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-Extrabold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-ExtraboldItalic.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-ExtraboldItalic.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-ExtraboldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-Black.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-Black.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer';
  src: url('/Fonts/WEB/fonts/Switzer-BlackItalic.woff2') format('woff2'),
       url('/Fonts/WEB/fonts/Switzer-BlackItalic.woff') format('woff'),
       url('/Fonts/WEB/fonts/Switzer-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

.hero{
	background-color: #f8f9fa;
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c7c6c8' fill-opacity='0.21'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

:root{
	--bs-body-font-size: 1.3rem !important;
}

.navbar {
	font-size: 1rem !important;
}
.font-display{
	font-family: Switzer;
	font-weight: 500 !important;
}

.ap-player{
	border-radius: 20px !important;
}

.nav-btn{
	border-radius: 50px !important;
    background: white !important;
    color: black !important;
}
.nav-btn:hover{
	color: black !important;
}

.hero{
	background-color: #f8f9fa;
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c7c6c8' fill-opacity='0.21'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	min-height: 100vh;
}

.stack-img{
	width: 60px;
	height: 60px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.vertical-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-pill{
	border-radius: 10000px !important;
}

@media (min-width: 992px) {
	.navbar {
		border-radius: 90px;
	}
}