body {
  background: url("Images/blueglitter2.gif") repeat;
}
header {
  background: blue;
  margin: 2px;
  margin-top:0;
  padding-top: 6px;
  border: 6px red solid;
  border-radius: 20px;
}
.sec-one {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(1, 1fr);
	gap: 0;
}
#sec-one_div-one {
  background: url("Images/blueglitter.gif") repeat;
  padding: 2px;
  border: 2px black solid;
  grid-column: span 1 / span 1;
}
#sec-one_div-two {
  background: url("Images/yellowglitter2.gif");
  border: 2px black solid;
  white-space: nowrap;
  grid-column-start: 2;
  grid-column: span 3 / span 1;
}
.stamp {
  position: relative;
  display: inline-block;
}
#sec-one_div-three {
  background: url("Images/blueglitter.gif") repeat;
  border: 2px black solid;
  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;
}
#sec-two_div-one {
  background: blue;
  border: 2px black solid;
  white-space: nowrap;
  border-radius: 20px;
  grid-column: span 1 / span 1;
}
#discbox {
  background: white;
  border: 2px black solid;
  border-radius: 20px;
  padding: 2px;
  overflow: scroll;
  white-space: nowrap;
  grid-column-start: 2;
  grid-column: span 5 / span 1;
}
#sec-two_div-three {
  background: white;
  border: 2px black solid;
  border-radius: 20px;
  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-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  left: 18px;
  top: 70px;
  z-index: 1;
}
.disc:hover .tooltiptext {
  visibility: visible;
}
