@font-face {
  font-family: 'Roboto';
  src: ,
  url('https://static.igem.wiki/teams/4590/wiki/roboto-bolditalic.woff') format('woff'),
  url('https://static.igem.wiki/teams/4590/wiki/roboto-thinitalic.woff') format('woff'),
  url('https://static.igem.wiki/teams/4590/wiki/roboto-light.woff') format('woff'),
  url('https://static.igem.wiki/teams/4590/wiki/roboto-black.woff') format('woff'),
  
  ,
  url('https://static.igem.wiki/teams/4590/wiki/roboto-medium.woff') format('woff'),
  url('https://static.igem.wiki/teams/4590/wiki/roboto-thin.woff') format('woff'),
  url('https://static.igem.wiki/teams/4590/wiki/roboto-blackitalic.woff') format('woff'),
  url('https://static.igem.wiki/teams/4590/wiki/roboto-lightitalic.woff') format('woff'),

  /* Adicione outros formatos, se necessário */
}

@font-face {
  font-family: 'Roboto-Regular';
  src: url('https://static.igem.wiki/teams/4590/wiki/roboto-regular.woff') format('woff');
  font-weight: normal;
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('https://static.igem.wiki/teams/4590/wiki/roboto-bold.woff') format('woff');
  font-weight: bold;
}

@font-face {
  font-family: 'Roboto-Italic';
  src: url('https://static.igem.wiki/teams/4590/wiki/roboto-italic.woff') format('woff');
  font-weight: bold;
}

:root {
  --primary: #1DBB87;
  --secondary: #6394BF;
  --dark-900: #1E2020;
  --dark-800: #242727;
  --dark-750: #2C3030;
  --dark-700: #3B3E3E;
  --light-900: #F1F7F7;
  --light-800: #D5E0E0;
  --light-700: #B6BFBF;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  background-color: var(--dark-700);
  color: #fff;
  font-family: 'Roboto' ,sans-serif;
  overflow-x: hidden;
}

a {
  color: #FFF;
  text-decoration: none;
}

p, a, span, li, td {
  font-family: 'Roboto-Regular', sans-serif;
}

h1, h2, h3, h4, h5, h6, strong, th {
  font-family: 'Roboto-Bold', sans-serif;
}

i {
  font-family: 'Roboto-Italic', sans-serif;
}