header {background-color: antiquewhite;}
main {background-color: antiquewhite; 
  position: relative;
  text-align: center;}

  body {
    overflow-x: hidden;
  }


#Title-Of-Page {background-color : #ffdab9;
                text-align: center;
                border : outset;

}
#TBD {text-align: center;
    color: rgb(184, 134, 11);
    margin: auto;
    
}

#Full-Section {
  background-color: antiquewhite;
}


#TBD-Section {
    width: 300px;
height: 25px;
padding-top: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
margin-top: auto;
background-color: rgb(255, 218, 185);
}

#Cube-History {font-size: large;}

#How-It-Came-To-Be {font-size: xx-large;
font-weight: bolder;
font-family: serif;} 


.Timeline-Title {font-family: serif;
font-size: xx-large;
}

figure {
  position: relative;     
  display: table;      
  margin: 10px auto;      
}



.Timeline-Image {
  display: block;        
}

figure:hover .Photo-Caption {
  opacity: 1;
  visibility: visible;
}

.Photo-Caption {
  font-family: sans-serif;
  font-size: medium;
  color: rgba(0,0,0,0.7);
  position: absolute;
  top: 50%;           
  left: 100%;         
  transform: translateY(-50%);

  background-color: #faebd7;
  border-radius: 8px;
  padding: 6px 10px;
  white-space: nowrap;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 10;
}

.Standard-Box {
  position: relative;
  border-radius: 0% 0% 0% 0% / 0% 0% 0% 0% ;
  box-shadow: 20px 20px rgba(255, 218, 185, 0.30);
  transition: all .2s ease;
}
.Standard-Box:hover {
  border-radius: 50% 50% 50% 50% / 5% 5% 5% 5% ;
  box-shadow: 15px 15px rgba(184, 134, 11,.25);
}

#Timeline-Subtitle {
    font-family: sans-serif;
}

.Standard-Box {
              padding-top: 15px;
              position: relative;
              max-width: 1200px;
              max-height: 1600px;
              margin: 0 auto; 
              border: dotted;
              border-color: antiquewhite;
              text-align: center;
            background-color: peachpuff;
        font-family: sans-serif;
          margin-left: auto;
  margin-right: auto;
}

#Contemporary-Puzzle {
  padding-top: 45px;
}

#Current-Singles-All-Puzzles {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 15px;
}

.Solver:hover {
  opacity: 1;
  visibility: visible;
}

#World-Record-Single {
  text-align: center;
  margin: 0 auto;
  padding-top: 30px;
}

#Single-WR-Title {
  font-family: sans-serif;
  font-size: x-large;
}

#My-Puzzle {
  margin-top: 30px;
}

#Table-WR {
  margin: auto;
  margin-top: 30px;
  
}

#WorldRecord-Table {
  margin: auto;
}

ol li {
 border-style:groove; 
 border-color: antiquewhite;
 border-top: #ffdab9;
 border-left: #ffdab9;
 border-right: #ffdab9;
}

table, th, td {
  border: 1px double black;
  border-collapse: collapse; /* makes borders merge instead of double-stacking */
}


