:root {
  font-family: Inter, sans-serif;
  font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
}
@supports (font-variation-settings: normal) {
  :root { font-family: InterVariable, sans-serif; }
}

html {
  scroll-behavior: smooth;
}

body * {
  font-display: swap;
  box-sizing: border-box;
}

.slab {
}


[hidden] { display: none;}



/* TIPS */
/*.tipsIcon { position: absolute; top:-20px; right:10px; width:40px; height:40px; background-color:rgba(0,0,0,0.7); border-radius:50%; display: flex; justify-content: center; align-content: center; padding: 10px;}*/
.tipsIcon.beCareful { background-color:rgba(0, 27, 50, 0.75); }
.tipsIcon.tips { background-color:rgba(255, 230, 0, 0.75) }
.tipsIcon.doThis { background-color:rgba(22, 156, 112, 0.75) }
.tipsIcon.dontDoThis { background-color:rgba(195, 0, 0, 0.75); }












/* TYPO */


@media only screen and (max-width: 50rem) {

	nav.first .stickypart { position:unset; }
	nav.first .stickypart {
		width:100%;
	}

}





@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}