body {
  overflow: auto; /* Hide scrollbars */
background-color:black;
}

.outer {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
width:100%;
height:100%;
  text-align: center;
}

.inner {
  margin-left: auto;
  margin-right: auto;
width:95vmin;
  line-height:0;
  display: inline-block;
}

.enner {
  	margin-left: auto;
  	margin-right: auto;
	width:95vmin;
  overflow: auto;
}

.enner p{ 
  margin: 1vmin 0vmin 1vmin 0vmin;
 	 text-align: justify;
 	 text-justify: inter-word;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color:white;
	font-size: 2.4vmin; 
	line-height: 3.6vmin;  
	} 

h1 {
  margin: 1vmin 0vmin 1vmin 0vmin;
 	 text-align: justify;
 	 text-justify: inter-word;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color:white;
	font-size: 3.6vmin; 
	line-height: 4.8vmin; 
}



a:link {
  color: white;
  text-decoration: underline;
}

a:visited {
  color: white;
}

a:hover {
  text-decoration: none;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.img1 {
  float: right;
  width:50%;
}

.contframe {
    display: flex;
    justify-content: center;
}
    
iframe {
    aspect-ratio: 4 / 3;
    width: 100% !important;
}

* {box-sizing: border-box}
body {font-family: Arial, Helvetica, sans-serif;}

.container {
	width:95vmin;
  margin-top: 20vmin;
  height: 1500px; /* Used in this example to enable scrolling */
}

.navbar {
  width: 96vmin;
  background-color: black;
  overflow: auto;
  position: fixed;
  top: 0;
}

.navbar a {
  float: left;
  padding: 12px;
  color: white;
  text-decoration: none;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color:white;
	font-size: 2.4vmin;
  width: 13.5vmin;
height: 5vmin;
  text-align: center;
}

.navbar a:hover {
  background-color: #000;
    text-decoration: underline;
}

.navbar a.active {
  background-color: #000;
    text-decoration: underline;
}