body { 
  background-image: url("images/bckgrndmetal.webp");
}

#grid1 {
  display:grid;
  grid-template-columns:260px 600px;
  grid-template-rows:200px 200px;
  padding:100px 50px 0px 50px;
  justify-content:center;
  height:200px;
}

#grid2 {
  display:grid;
  grid-template-columns:140px 580px 140px;
  grid-template-rows: 600px 600px 600px;
  padding:10px 50px;
  justify-content:center;
  
 
}

#page {
  margin:auto;
  width:1000px;
  height:1250px;
  /*border:10px solid;
   text-align:center;*/
  background-image: url("images/backplate.webp");
  /*border-color:rgb(167,184,184)rgb(167,184,184)rgb(53,57,56)rgb(53,57,56);
  background-color:rgb(96,112,113);*/
}

#title {
  /*width:700px;
   height:300px;
  margin:10px 10px 5px 5px;*/
  /*background-image: url("images/placeholdertitle2.webp");*/
  margin:0px 0px 0px 5px;
  color: black;
  font-family: Verdana;
  /*text-align:center;*/
  border:10px solid;
  border-color: rgb(53,57,56)rgb(53,57,56) rgb(167,184,184)rgb(167,184,184);
  /*float:right;*/
}

#titleimg {
  visibility:hidden;
  width:700px;
  height:300px;
}

#welcometxt {
  color:black;
  border:5px solid black;
  margin:0px 5px 0px 0px;
  /*float:left;
   height:310px;
   width:240px;
  margin:10px 5px 5px 10px;*/
}

#pages {
  border: 5px solid black;
  /*text-align:center;
  width:140px;
  float:left;*/
  margin:0px 10px 0px 0px;
}

.pagelink {
  padding:5px;
  margin:9px;
  width:100px;
  float:left;
  background-color:grey;
}

.tab button:hover {
  background-color: #ddd;
}

.tab button.active {
  background-color: #ccc;
}

#mainbox {
  border:5px solid black;
  /*text-align:left;
  width:540px;
  float:left;
  margin:5px;
  padding:10px;*/
  margin:0px 10px 0px 10px;
}

#tab {
  border:5px solid black;
}

.tablinks {
  background-color:grey;
  padding:5px;
  margin:3px;
  width:90px;
  float:left;
  text-align:center;
}

.tabcontents {
  border:5px solid black;
  height:400px;
  background-color:lightgrey;
  position:relative;
  top:50px;
  display:none;
}

#theirworld {
  border:5px solid black;
  height:300px;
}

#onemug {
  height: 150px;
  float:right;
}

#musicbox {
  border: 5px solid;
  /*text-align:center;
  width:225px;
  float:left;
  margin:5px;
  height:300px;*/
  border-color: rgb(53,57,56)rgb(53,57,56) rgb(167,184,184)rgb(167,184,184);
  margin:0px 0px 0px 10px;
}

#musiccover {
  border: 5px solid black;
  /*height: 280px;
  width:205px;*/
  margin:5px;
  text-align:center;
}

#scrubbar {
  border: 5px solid black;
  /*height: 40px;
  width:185px;*/
  margin:0px 5px 0px 5px;
  position:relative;
  top:10px;
  height:20px;
}