@font-face {
  font-family: 'shary';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v10/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj62UXskPMU.ttf) format('truetype');
}
@font-face {
  font-family: 'shary';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v10/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUXskPMU.ttf) format('truetype');
}
@font-face {
  font-family: 'shary';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v10/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7aUXskPMU.ttf) format('truetype');
}
@font-face {
  font-family: 'shary';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v10/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj42VnskPMU.ttf) format('truetype');
}
@font-face {
  font-family: 'shary';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v10/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj4PVnskPMU.ttf) format('truetype');
}

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300;
  src: url(./fonts/shary.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/shary.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  src: url(./fonts/shary.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  src: url(./fonts/shary.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  src: url(./fonts/shary.ttf) format('truetype');
}


@font-face {
  font-family: 'Ronald';
  font-style: normal;
  font-weight: 300;
  src: url(./fonts/Ronsard.otf) format('opentype');
}
@font-face {
  font-family: 'Ronald';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/Ronsard.otf) format('opentype');
}
@font-face {
  font-family: 'Ronald';
  font-style: normal;
  font-weight: 500;
  src: url(./fonts/Ronsard.otf) format('opentype');
}
@font-face {
  font-family: 'Ronald';
  font-style: normal;
  font-weight: 600;
  src: url(./fonts/Ronsard.otf) format('opentype');
}
@font-face {
  font-family: 'Ronald';
  font-style: normal;
  font-weight: 700;
  src: url(./fonts/Ronsard.otf) format('opentype');
}

h1,h2,h3,h4,h5,h6 {
  /* font-family: 'Ronald' !important; */
}

.about-list {
  color: #d0dce8e3;
  margin-left: -22px;
}

.about-list li { 
  margin-bottom: 10px;
}

.token-info-item {
  border-left: 4px solid #38c7af;
  padding-left: 20px;
  margin-bottom: 35px;
}

.token-info-item .token-info-title {
  color: white;
  font-weight: 500;
  font-size: 16px;
}

.token-info-item .token-info-des {
  margin: 0;
  color: #38c7af;
  font-size: 27px;
  font-weight: 500;
}

.token-info-container {
  display: flex;
  justify-content: center;
}

@media (max-width: 426px) {
  .token-info-item {
    width: 100%;
  }
  .about-list { 
    margin-left: 0;
  }
}

p,span,a {
  font-family: 'shary' !important;
}