@charset "utf-8";
/* CSS Document */
 /* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -2;
}
.content {
  position: fixed;
  top: 0;
  color: #f1f1f1;
  width: 100%;
  padding: 10px;
  text-align: center;
}

/* Style the button used to pause/play the video */
#myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}

#myBtn:hover {
  background: #ddd;
  color: black;
} 

.sticky-top {
	position: sticky;
	top:0;
	z-index: 1;
}

.header {
	margin: 0 auto;
	text-align: center;
}
.menu {
	grid-area: menu;
}
.main {
	grid-area: main;
}
.rightGrid {
	grid-area: right;
}
.footer {
	grid-area: footer;
}
.grid-container {
  display: grid;
  grid-template-areas:
    'header header header header header header'
    'menu main main main right right'
    'menu footer footer footer footer footer';
  grid-gap: 10px;
  padding: 10px;
  min-width: 1000px;
}