/* GENERAL TYPES */

body {
  color: white;
  font-family: sans-serif;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
  background-color: rgba(27, 219, 236, 1);
  background-size: 100%;
  background-image: url('images/pixel_bubbles_gif.gif'); 
  
}

footer{
 text-align:center;
 width:100%
}

table{
  width:100%;
  font-size:1vw;
  border-collapse: collapse;
  overflow-x: auto;
  overflow-y: auto;
}

table, th, td {
border: 3px dotted white;
}

td {
 text-align:left; 
}

main {
  width:100%
}


          /* IDS */

#homeTitle {
  text-align:center;
  align-content:center;
}




          /* CLASSES */

.nav {
 text-align:center; 
 align-content:center;
 font-size: 1.5vw;
}


.boxContainer {
  display:flex;
  flex-grow: 1;
  
}


.leftBox, .rightBox {
  flex:1;
  width:20%;
  height:auto;
  text-align:center;
  /*background-color: rgba(27, 219, 236, .5);
  border-style:dotted; */
}


.centerBox {
  flex:3;
  width:60%;
  height:auto;
  padding:4px;
}

.pageTitleGraphics {
  width:35px;
  height:auto;
}

.textBox {
  position: relative;
  align-content:center;
  margin: 0 auto;
}

.textBox img {
  width: 100%;
  height: auto;
  display: block; /* Removes unwanted bottom whitespace gaps */
}

.textBlock {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centers the text perfectly */
      
  /* Essential styling for responsiveness and legibility */
  width: 80%; /* Keeps text from bleeding past the image edges */
  text-align: center;
  color: black;
      
  /* Responsive font sizing scales text relative to screen width */
  font-size: 2vw; 
  font-family: sans-serif;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}


.stamp {
  width: 35%;
  height: auto;
}


.blinkie {
height:auto;
width:80%;
}

.navDivider {
 height:auto;
 width:1%
}