:root {
  --contrast: #232326;
  --base: #F9F6EE;
  --accent: #FFFF00;
  --vermell: #D94368;
  --taronja: #FF8638;
  --groc: #F3C871;
  --blau: #00E2D4;
  --lila: #D98BDC;
  --ocre: #FFD1AB;
}


html,body{
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
	font-size: 1rem;
  background: var(--contrast);
  color: var(--base);
  overflow: hidden;
}

header, main, footer {
  margin: 0;
}

/* estacions */

.estacions {
  width: 100vw;
  height: 100vh;
}

/*
.llum {
  display: block;
  background: rgb(249,72,72);
  background: radial-gradient(circle, rgba(249,72,72,1) 0%, rgba(9,9,121,0) 70%);
  width: 50px;
  height: 50px;
  position: absolute;
  top: 2rem;
  right: 2rem;
    backdrop-filter: blur(10px);
}
*/

.estacions {
  display: flex;
  justify-content: center;
  align-items: center;
}

.estacions img {
  max-height: 90vh;
  width: auto;
  border-radius: 16px;
  border: solid 1px var(--base);
}