/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

/* This targets the sidebars and main block to align them horizontally */


/* This makes the main container act as a row for the sidebars and the wrapper */
main {
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  
    /* These rules handle the centering if you prefer keeping styles out of your HTML */
  width: 100%;
  max-width: 1200px; 
  margin: 0 auto; 
}


.imgright {
 float:right; 
 padding-left: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
}

/* This targets the wrapper block and forces it to expand */
.content-wrapper {
  flex: 1; /* Stretches to fill the 60% middle gap */
  min-width: 0; /* Keeps things from breaking on small screens */
  padding: 0 20px; /* Gives your content some breathing room from the sidebars */
  box-sizing: border-box;
}

.subsection{    width: 100%;
    overflow: auto; /* contains float */}


body {
  background-color: black;
  color: #F8C8DC;
  background-image: url("imgs/stars.gif");
  font-family: Verdana;
  cursor: url("imgs/cursor.png"), auto;
}

p {
    font-size: 12px;
}


h1 {
    font-size: 26px;
    font-family: Courier;
    color: #AAFF00;
}


h2 {
    font-size: 22px;
    font-family: Courier;
    color: #AAFF00;
}


h3 {
    font-size: 18px;
    font-family: Courier;
    color: #AAFF00;
}

u {
  text-decoration: underline;
}



a:link {
  color: #F8C8DC;
  background-color: transparent;
  text-decoration: underline;
  cursor: url("imgs/cursor.png"), auto;
}

a:visited {
  color: #B2BEB5;
  background-color: transparent;
  text-decoration: underline;
  cursor: url("imgs/cursor.png"), auto;
}

a:hover {
  color: #F8C8DC;
  background-color: transparent;
  text-decoration: underline;
  
  cursor: url("imgs/cursor.png"), auto;
  
  

}

a:active {
  color: #F8C8DC;
  background-color: transparent;
  text-decoration: underline;
  
  cursor: url("imgs/cursor.png"), auto;
}



table, th, td {
    border-collapse: collapse;
}
td{
    border: none;
    border-top: none;
    border-bottom: none;
}