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

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

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

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

html{
    overflow-x: hidden;
    scroll-behavior: auto;
}

body {
    font-family:"Supreme-Light";
    display: flex;
    min-height: 95vh;
/*    width: 100vw;*/
    flex-direction: column;
    overflow-x: hidden;
}

@media only screen and (min-width: 768px) {

    body {
        min-height: 100vh;
    }   
}

h1,
h2,
h3,
h4,
h5,
h6{
    font-family:"Supreme-Regular";
}

a{
    text-decoration: none !important;
}

a:hover{
    text-decoration: underline !important;
}

.text-sm{
    font-size: 0.9em;
}

.text-xs{
    font-size: 0.8em;
}

.font-regular{
    font-family:"Supreme-Regular";
}


.font-medium{
    font-family:"Supreme-Medium";
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

.box {
  scroll-margin-top: 2.5em;
   -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hide-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.offset-width {
    width: 100% !important;
}

@media (min-width: 768px) {
    .offset-width {
        width: 50% !important;
    }
}

.w-95 {
    width: 100% !important;
    padding-left:1em;
    padding-right:1em;
}

@media (min-width: 768px) {
    .w-95 {
        padding-left:0;
        padding-right:0;
        width: 95% !important;
    }
}

.mb-6{
    margin-bottom:7em;
}