@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body {
  background: #2C2D32;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0.4px;
  line-height: 1.3em;
  color: #777777;
  padding: 5px;
}

.container {
  width: 1100px;
  column-count: 3;
  margin-left: auto;
  margin-right: auto;
} 

@media (max-width: 1100px) {
  .container {
    column-count: 2;
    width: auto;
  }
}

@media (max-width: 512px) {
  .container {
    column-count: 1;
    width: auto;
  }
}

h1 {
  color:#94c02f;
  font-size: 22px;
  font-family: Arial, Helvetica, sans-serif;
}

h2 {
  background: #1B1C20;
  color: #EDEDED;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px;
  border-radius: 3px;
}

a {
  color: #94c02f;
  padding: 3px;
}

a:hover {
  color: #EDEDED;
}

li {
  list-style-type: none;
  padding: 3px;
}

.box {
  margin-top: 10px;
}

.word {
  color: #EDEDED;
}

.links {
  text-align: right;
}

.text {
  /*text-align: justify;*/
}