@import url("./_variables.css");

@font-face {
    font-family: 'StabilGrotesk-Regular';
    src: url('/static/fonts/stabil/StabilGrotesk-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'StabilGrotesk-Bold';
    src: url('/static/fonts/stabil/StabilGrotesk-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'StabilGrotesk-Thin';
    src: url('/static/fonts/stabil/StabilGrotesk-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'StabilGrotesk-LightItalic';
    src: url('/static/fonts/stabil/StabilGrotesk-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'StabilGrotesk-Light';
    src: url('/static/fonts/stabil/StabilGrotesk-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face{
  font-family:'Fraktion-Regular';
  src: url('/static/fonts/fraktion/PPFraktionMono-Regular.woff2') format('woff2');
  font-weight:normal;
  font-style: normal;
}
@font-face{
  font-family:'Fraktion-Bold';
  src: url('/static/fonts/fraktion/PPFraktionMono-Bold.woff2') format('woff2');
  font-weight:700;
  font-style: normal;
}


html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  background-color: var(--surface--page-background);
  color: var(--color--text-primary);

  font-family:StabilGrotesk-Regular;
  font-size: var(--font-size--body);
  font-weight: var(--font-weight--body);

  line-height: 1.4;

  display: block;
  flex-direction: column;
  align-items: center;

  text-align: left;

  padding: 0;
  margin: 0;

  position: relative;
  height: 100%;
  min-height: 100%;


  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}


.site-content {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
  /*padding: var(--spacing--6) var(--spacing--4) 0;
  padding: .375in;*/

 
}


.site-footer__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.site-footer__social {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

.site-footer__social img {
  height: 24px;
  width: 24px;
  filter: brightness(0) invert(1);
  transition: transform 0.2s ease;
}

.site-footer__social img:hover {
  transform: scale(1.1);
}

.site-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: transparent;
  /*padding: var(--spacing--6) var(--spacing--4) 0;*/
}

.fas-tag{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:16px;
  background-color: var(--color--entrepreneur-purple);
  color:white;
  height:26px;
  padding: 5px 15px;
  font-family:Fraktion-Regular;
  white-space: nowrap;
  width: fit-content;


}

.fas-tag p{
  margin:auto;
}

.main__container{
    padding: var(--spacing--6) var(--spacing--4) 0;
    padding: .375in;
}

@media (min-width: 768px) {
  .main__container {
    padding: var(--spacing--8) var(--spacing--6);
  }
}
@media (min-width: 1024px) {
  .main__container {
    padding: var(--spacing--10) var(--spacing--8);
  }
}


@media (min-width: 768px) {
  .site-content {
    /*padding: var(--spacing--8) var(--spacing--6);*/
  }

  .fas-tag{
    font-size:12px;
    background-color: var(--color--entrepreneur-purple);
    color:white;
    height:22px;
    

  }
}

@media (min-width: 1024px) {
  .site-content {
    /*padding: var(--spacing--10) var(--spacing--8);*/
  }
}

@media (max-width: 768px) {
  .fas-tag{
      font-size:12px;
      background-color: var(--color--science-green);
      color:white;
      height:22px;
      

    }
  }