@font-face { 
	font-family: "Delta Block"; 
	src: url("./fonts/DeltaBlock-Regular.woff2") format("woff2"), 
		url("./fonts/DeltaBlock-Regular.woff") format("woff"), 
		url("./fonts/DeltaBlock-2Oee3.ttf") format("truetype"); 
	font-weight: normal;
	font-style: normal; 
	font-display: swap; 
}

body {
  background-color: blue;
  color: white;
  background-image: url("/sitebg.png");
  font-family: Verdana;
  text-align: center;
}
h1 {
 text-align: center; 
 color: white;
 font-family: "Delta Block", serif;
}
a
{ 
  color: red;
  font-size: 45;
}
button {
  background-color: #0080ff;
  color: #ffffff;
  padding: 12px 24px;
  border-radius: 2px;
  font-size: 32px;
  font-family: "Delta Block", serif;
  border: 4px solid #00316B;
  box-shadow: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

button:hover {
  background-color: #006dd9;
  transform: scale(1.08);
}

container
    {
     width: 30em;
     overflow-x: auto;
     white-space: nowrap;
     background-color: #0E2A5B;
     background: #0E2A5B;
     }
div2
{ 
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
     
iframe
{
  transition: all 1.0s ease;
}
img 
{
  max-width:80%;
  max-height:80%;
  object-fit: contain;
}