:root {
  --text: #eec5f0;
  --bg: #0d0d0d;
}

body{
  color: var(--text);
  background: var(--bg);
  font-family: 'IBM Plex Mono', monospace;
}

a{
  color: var(--text);
  text-decoration: none;

}

a:visited{
  color: var(--text);
}

a:hover{
  color: #feedff;
}

.nav{
  font-size: 1rem;
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding: 1.5rem 0;
}

main{
  font-size: 1.2rem;
}

h5{
  font-weight: bold;
}

h4{
  font-weight: bold;
  text-align: center;
}

.links-page{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

.link-group{
  text-align: center;
}

.link-group h5{
  margin-bottom: 0.5rem;
}

.link-group a{
  display:block;
  margin: 0.3rem 0;
}

ul{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  list-style: none;
  padding:0;
  margin:0;
}