:root{
  --spacing: 1em;
  --colour-primary: rgb(141, 90, 151);
  --colour-secondary: rgb(250, 250, 250);
  --colour-accent: rgb(44, 48, 46);
  background-color: var(--colour-secondary);
}

body{
  color: var(--colour-secondary);
  font-family: 'Courier New', Courier, monospace;
}

header{
  color: var(--colour-accent);
}

.centerHorizontally{
  display: flex;
  flex-flow: column wrap;

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

.ressource{
  padding: var(--spacing);

  display: flex;
  flex-direction: row;
  align-items:center;
  gap: var(--spacing);

  margin-top: var(--spacing);
  background-color: var(--colour-primary);
  width:  65%;
  max-width: 800px;

  border-radius: 5px;
}



.ressourceLogo{
  width: 2em;
}