html {
}
body {
  background: url("_images/peculiar_original.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #ffffff;
  font-family: "Segoe UI", Arial, Sans-serif;
}
h1 {
  width: 40%;
  text-align: center;
  margin: auto;
  color: #ffffff;
  border-color: rgb(209, 196, 233);
  border-bottom: 2px solid rgb(209, 196, 233);
  background-color: rgb(33, 33, 33);
  padding: 10px;
}

#info {
  margin-left: 80px;
  margin-top: 50px;
  width: 800px;
  height: 220px;
}

#projects {
  margin-left: 53%;
  margin-top: -268px;
  width: 800px;
  height: 220px;
}
table {
  border-spacing: 20px;
  border-radius: 7px;
  background-image: url("_images/black-50.png");
}
#socialTable {
  margin-left: 79%;
  margin-top: -410px;
  width: 300px;
  height: 70px;
  border-spacing: 5px;
  background-image: none;
}
th {
  font-family: "Segoe UI Bold", Arial, sans-serif;
  font-style: italic;
  font-size: 150%;
}
td {
  border: 0;
  border-radius: 7px;
  width: 188px;
  height: 168px;
  text-align: center;
  background-image: url("_images/black-50.png");
}
.cell {
  border: 1px solid #000000;
  width: 188px;
  height: 168px;
  font-family: "Segoe UI Bold", Arial, sans-serif;
  font-color: "#000000";
}

.icon {
  width: 128px;
  height: 128px;
  margin: 10px;
}

.socIcon {
  width: 50px;
  height: 50px;
  margin: 10px;
  background-image: none;
  opacity: 0.7;
}

span {
  color: rgb(204, 204, 204);
}

.greyout {
  color: #616161;
}

#mySig {
  margin-left: 0px;
  margin-top: 1%;
}