/* General setup */


html {
  margin: 0;
  padding: 5px;

  background-color: grey;
}

body {
  width: 70%;
  margin: 0 auto;
  background-color: black;
  padding: 3em;
  border: 4mm ridge rgba(211, 220, 50, .6);
}

/* typography */

body {
  color: white;
  font-family: arial;
}

h1, h2, h3, h4 {
  

}

article {
  font-family:arial;
}

article dt {
 
 padding-top: 10px;
 padding-bottom: 10px;
 font-weight: bold; 
  
}

article dd {  
  line-height: 1.2;
  text-align: justify;
  text-justify: inter-word;
}


/* structure */

article {
  
}

.projectTitle {
  font-family: verdana;
   text-align: center;
}

.projectTitle p {
 font-weight: bold; 
}


.links {  
  display: flex;
  padding: 1px;
}

.links ul {
  padding: 0;
  list-style-type: none;
  flex: 2;
  display: flex;
}

.links li {
  padding: 1px; 
  display: inline;
   text-align: center;
  flex: 1; 
 
}

a:link {
  color:pink;
}

a:visited {
  color: pink;
}

.wrapper {
  width: 100%;
  overflow: hidden;
 /* border: 1px solid red; */
}

.textArea {
  width: 900px;
  float: left;
  /* border: 1px solid green; */
}

.gallery {

  margin-left: 900px;
  /* border: 1px solid blue; */
}

.video {
  padding-bottom: 1cm;
  text-align: center;
}

.images {
  padding-bottom: 2px;
  text-align: center;
  
}

.table {

}

table {
  margin-left: auto;
  margin-right: auto; 
}

table, th, tr, td {
  align-content: center;
  padding: 1px;
 border: 1px solid white;
 text-align: center;
  
}