body{
  font-family:ms gothic;
  background-image:url('https://i.pinimg.com/236x/0e/85/63/0e8563d7c9c81aa15657dc9ba6f46f73.jpg');
}

th{
  border: 1px solid black;
}

table {
  margin-bottom: 1vh;
}

/**************************
CONTAINER
**************************/

#container{
  padding:5px;
  height:730px;
  width:915px;
  /* This is used to position the container */
  margin-top:1vh;
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
}


/**************************
SECTIONS 
 **************************/    

#section-1{
  position:fixed;
  width:150px;
  float:left;
  left:5px;
  text-align:center;
}

/* - - - - - - - - - - - */

#section-2{
  position:relative;
  width:525px;
  height: auto;
  float:left;
  margin-top:10px;
  left:200px;
  text-align:left;
}

/* - - - - - - - - - - - */ 

#section-3{
  position:relative;
  width:150px;
  float:right;
  background:transparent;
  right:5px;
  height:520px;
  text-align:center;
}   


/**************************
DATE/LINK
 **************************/

#news-text-inner{    
  padding:5px;        
  height:230px;
  overflow-y:auto;
}


#lightbox {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

#lightbox.active {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    cursor: zoom-out;
}

#lightbox.active:hover img {
    cursor: auto;
}

#lightbox img {
    max-width: 100%;
    max-height: 95%;
    padding: 0px;
    background-color: black;
    cursor: auto;
}

#lightbox.active img {
    border: 1px solid black;
}