html {
    background-color: black;
    font-family: 'courier new';

}

#main-section {
    background-color:black;
    border: groove;
    border-color: beige;
    border-radius: 5px;
    position: absolute;
    left: 175px;
    top: 150px;
    padding: 15px;
    height: 560px;
    width: 1500px;
    margin: auto;
}



#Welcome {
    border: groove;
    border-color: beige;
    border-radius: 5px;
    justify-content: center; 
    text-align: center;
    background-color:dimgray;
    height: 100px;
    width: 1450px;
    margin: auto;
    padding-bottom: 15px;
    padding-top: 1px;
    font-size: x-large;
    
}

#timestamps {
    gap: 20px;
    position: absolute; 
    display: grid;
    grid-template-columns: repeat(10,1fr);
    padding-bottom: 15px;
    padding-top: 20px;
    padding: 50px;
    left: 180px;
    top: 180px;
    height: 270px;
    width: 1150px;
    border: groove;
    border-color: beige;
    border-radius: 5px;
    background-color: dimgray;
    font-family: 'courier new'  
}
.months{
  display:inline-flex;
  height: 35px;
  width: 100px;
  padding: 5px;
  font-size: 1rem;
  font-family: 'courier new';

  background-color: #581919;
  border: groove;
  border-color: #3f1a43;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
  text-align: center;
  text-decoration: none;
  
}



/* Change unvisited links */
a:link {
  color: #ffffff;
}

/* Change visited links*/
a:visited {
  color: #9c9c9c;
}

/* Change link color for hovered*/
a:hover {
  color: #185125;
}

/* Change active link*/
a:active {
  color: #a5cc83;
}