@font-face { font-family: Roboto; font-weight: 100; font-style: normal; src: url('fonts/Roboto-Thin.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 100; font-style: italic; src: url('fonts/Roboto-ThinItalic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 300; font-style: normal; src: url('fonts/Roboto-Light.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 300; font-style: italic; src: url('fonts/Roboto-LightItalic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 400; font-style: normal; src: url('fonts/Roboto-Regular.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 400; font-style: italic; src: url('fonts/Roboto-Italic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 500; font-style: normal; src: url('fonts/Roboto-Medium.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 500; font-style: italic; src: url('fonts/Roboto-MediumItalic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 700; font-style: normal; src: url('fonts/Roboto-Bold.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 700; font-style: italic; src: url('fonts/Roboto-BoldItalic.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 900; font-style: normal; src: url('fonts/Roboto-Black.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 900; font-style: italic; src: url('fonts/Roboto-BlackItalic.ttf') format('truetype'); }

/* project, projectlist */
.grid       { padding: 0;  }
.grid-item  { position: relative; aspect-ratio: 16/9; background-repeat: no-repeat; background-size: cover; background-position: center center; display: none; }
.grid-item:first-child  { display: block; }
.grid-inset { background: white; padding: 10px; position: absolute; bottom: 0; }

.col-inset 	{ margin-top: -5em; background-color: white; z-index: 1500; }

.nopic 		{ margin-top: 10em; }

.home .grid-item	{ position: relative; }
.news-title			{ position: absolute; bottom: 1rem; right: 2rem; color: white; padding: 10px; background-color:  rgba(0,0,0,0.2); backdrop-filter: blur(3px); }

table 		{ margin-left: -0.5em; margin-right: -0.5em; }

a 			{ color: black; text-decoration: none; }

footer		{ margin-top: 5rem; }