@charset "UTF-8";
/* CSS Document */
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'times new roman';
  font-size: 16px;
  font-weight: 600;
  text-decoration-color: #0000FF;
  background-image:url("smallbabyblueeyepattern.png");
  background-size:cover;
  background-attachment: fixed;

}


.sidenav {
	position: relative;
	z-index:10;
	padding-left: 22px;
	padding-top: 22px;
}

.sidenav a:hover {
	opacity: 80%;	
}
.showcase video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 100%; 
	z-index: 5;
}


.map-section{
	position: absolute;
    width:50%;
	height: 50%;
    margin:auto;
	z-index:20;

}


.map-section path{
    stroke: white;
    stroke-width: 1px
}

.container{
    width: 50%;
    height: 0;
    padding-top: 11px;
    position: absolute;
	margin:auto;
    align:center;
	z-index:10;
}
    

svg path{
	cursor: pointer;

}

svg path:hover{
	fill: #5CBDFF;
	
}