*{  --border: #adadad;
  --border2: #f0f0f0;
}


body {
	background-image: url("/img/stars.png");
}



#Achievements {
	background: #0F1828;
	width:500px;
	height:auto;
	margin:25px auto;
	border:solid 1px #000000;
	padding: 50px;
	color:white;

	
}

#main {
	background: #99d9ea;
	width:1000px;
	height:auto;
 	border: 1px solid var(--border);
 	filter: drop-shadow(.3em .3em 0em var(--border));
	margin:25px auto;
	padding: 50px;
}

h1{
text-align:center;	
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

capt1{
	text-align:center;
	font-size:smaller
}

figure.side {
  float: right;
  width: 30%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  background: white;
  border: thin black solid;
  margin: 0.5em;
  padding: 0.5em;
}
figure.central {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-style: italic;
  font-size: smaller;
}
/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 30%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}
	
