* {
    margin: 0;
    padding: 0;
}

@font-face {
  font-family: 'hmserif'; 
  src: url('/files/hannover_messe_serif.woff2?') format('woff2'); 
}

body {
  /*background-color: lavender;
  background: url("images/mess2.jpg");*/
  margin-bottom: 100px;
  text-align: center;
  font-family: hmserif;
  font-size: 22px;  
}

.container {
			/*display: flex;*/
		}
		

		.sidebar {
			width: 120px;
			height: 100vh;
			background-color: cyan;
			background-image: url("images/mess.gif");
			color: #000;
			box-sizing: border-box;
			position: fixed;
		}

		.content {
			/*flex: 1; */
			padding: 20px;
			box-sizing: border-box;
			margin-left: 120px;
			text-align: center;
		}

		.sidebar a {
			display: block;
			color: #FFF;
			font-weight: bold;
			text-decoration: lavender wavy underline;
			padding: 10px;
			margin-bottom: 10px;
			
		}
		.footer { 
		  position: fixed;
		  bottom: 0;
		  margin-left: 120px;
		  padding: 20px 120px 10px 20px;
		  box-sizing: border-box;
		  height: 100px;
		  min-width:100%;
		  background-color: white;
		  background-image: url("images/1-ee.jpg");
		  color: #000;
		  font-size: 0.75em;
		  font-weight: bold;
		  text-align: center;
}


/* text effects */

.blink {       animation: blink 1s steps(5, start) infinite;
       -webkit-animation: blink 1s steps(5, start) infinite;     }