@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(./fonts/Poppins-SemiBold.ttf);
}

/* @font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url(./fonts/Poppins-SemiBoldItalic.ttf);
} */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(./fonts/Poppins-ExtraBold.ttf);
}

/* @font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url(./fonts/Poppins-ExtraBoldItalic.ttf);
} */


body{
  font-family: 'Poppins', sans-serif;
  font-weight:600;
  width: auto;
  background-color: white;
}

img{
  /* display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 75vw; */
  border-radius: .3rem;
}

a{
  color: black;
  text-decoration: none;
  font-weight: bolder; 
  cursor: pointer;
  transform: scale(0.97);
  transition: all .2s ease-in-out;
}

a:hover {
  transform: scale(1.00);
  color:#8a2be2;
}

.header {
  color:white !important;
  background-color: black !important;
}

.position-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 5vh;
  bottom: auto;
}

.hide {
  display: none;
}