body {
  background: #B9C4D0;
}
header {
  background: #233E79;
  padding-bottom: 2em;
  margin-bottom: 2px;
  border: 1px #9CA3A2 solid;
  border-radius: 10px 10px 0 0;
}
h1 {
  font-family: impact;
  font-size: 40px;
  color: #c5d3d4;
  text-shadow: 1px 2px 2px #7E97AE;
}
#ontheweb {
  position: absolute;
  left: 514px;
  top: 38px;
}
.sec-one {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(1, 1fr);
	gap: 0;
	margin: 2px;
	margin-top: 0;
}
#sec-one_div-one {
  background: #82A6B1;
  border: 1px #7E97AE solid;
  border-radius: 0 0 0 10px;
  grid-column: span 1 / span 1;
}
#sec-one_div-two {
  background: #82A6B1;
  border: 1px #7E97AE solid;
  grid-column-start: 2;
  grid-column: span 3 / span 1;
}
#sec-one_div-three {
  background: #82A6B1;
  border: 1px #7E97AE solid;
  border-radius: 0 0 10px 0;
  grid-column-start: 5;
  grid-column: span 1 / span 1;
}
.sec-two {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-template-rows: repeat(1, 1fr);
	gap: 0;
	margin: 2px;
}
#sec-two_div-one {
  background: #82A6B1;
  border: 1px #7E97AE solid;
  border-radius: 10px 0 0 10px;
  grid-column: span 1 / span 1;
}
#discbox {
  background: url("Images/wood6.jpg") repeat;
  border: 1px #9CA3A2 solid;
  padding-top: 4px;
  padding-bottom: 0px;
  overflow: scroll;
  white-space: nowrap;
  grid-column-start: 2;
  grid-column: span 5 / span 1;
}
#sec-two_div-three {
  background: #82A6B1;
  border: 1px #7E97AE solid;
  border-radius: 0 10px 10px 0;
  grid-column-start: 7;
  grid-column: span 1 / span 1;
}
#discbox img {
  margin: 8px;
}
.disc {
  position: relative;
  display: inline-block;
}
.disc .tooltiptext {
  visibility: hidden;
  background: url("Images/blackwwhiteglitter.gif");
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  left: 18px;
  top: 70px;
  z-index: 1;
}
.disc:hover .tooltiptext {
  visibility: visible;
}
.secret:hover {
  cursor: not-allowed;
}
.sec-three {
  background: #82A6B1;
}
#socials {
      list-style: none; 
      margin: 0;
      padding: 0;
}
#socials li {
  display: inline-block;
}