body {
	background-color:#000000;
	font-family: "Courier New", Courier, mono;
	font-size:14px;
	color:yellow;
}

h1 { font-size: 24px; font-family: "Courier New", Courier, mono; font-weight:bold; color:#0000FF }
h2 { font-size: 24px; font-family: "Courier New", Courier, mono; font-weight:bold; color:#FF0000 }
h3 { font-size: 22px; font-family: "Courier New", Courier, mono }
h4 { font-size: 20px; font-family: "Courier New", Courier, mono }
h5 { font-size: 18px; font-family: "Courier New", Courier, mono; font-weight:bold }
h6 { font-size: 14px; font-family: "Courier New", Courier, mono }

table, td, th {
	font-family: "Courier New", Courier, mono;
	font-size: 16px;
	color: yellow;
    border: 1 px #0000FF;
    border-collapse: collapse;
}

a {
	font-size: 20px;
	color: #FF9933;
}

form {
	background-color: #000000
}

p {
    font-size: 16px;
    color: yellow;
    
}

.pages {
    
    font-size: 18px;
    color:mediumpurple;
    font-weight: 400;
    text-align: center;
}

.title {
	font-family: "Courier New", Courier, mono;
	font-size: 24px;
	line-height: 26px;
 background-color: #000000; color: #FF0000;
 text-align:center;}

.pagelink {
	font-family: "Courier New", Courier, mono;
	font-size: 24px;
	background-color: #000000; color: #FF0000;
}

.subtitle {
	font-family: "Courier New", Courier, mono;
	font-size: 22px;
	line-height: 34px;
 color: #FF0000;}

.footcomments {
  font-family: "Courier New", Courier, mono;
	font-size: 13px;
	font-style:italic;
	color: #EE3300;
	background-color: #000000;
	
}

.header {
	font-family: "Courier New", Courier, mono;
	font-size: 26px;
	background-color: #000000;
 color: #FF0000;
 text-align:center;
}

.footer {
  font-family: "Courier New", Courier, mono;
	font-size: 14px;
	color: #993300;
	background-color: #000000;
}

.blogfooter {
  font-family: "Courier New", Courier, mono;
	font-size: 14px;
	color: #993300;
	background-color: #000000;
}


.crimson_text {
	color:#993300;
}

.reverse {
	background-color:#000;
	font-family: "Courier New", Courier, mono;
	font-size:18px;
	color:#000000;
}

.style_he {
	color: #0066FF;
	font-family: "Courier New", Courier, mono;
	font-size:18px;
}

.style_she {
	color: #FF80FF;
	font-family: "Courier New", Courier, mono;
	font-size:18px;
}

.orange_text {
	color:#FF860D
}

.yellow_text {
	color: #FF0
}

  /* Set up the grid with a default of 3 columns and 3 rows */
  .grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 10px;
    margin: 20px;
    align-items: center;
}

  /* Define the style for the grid items */
  .grid-item {
    background-color: #000;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    border: 2px solid red; /* Add a red border */  
    align-self:center;  
        
  }

  /* Media query for smaller screens */
  @media screen and (max-width: 600px) {
    /* Change the grid to 1 column and 9 rows for smaller screens */
    .grid-container {
      grid-template-columns: 1fr;
      grid-template-rows: repeat(9, 1fr);
    }
  }

.back_text {
	a { 
	font-family: "Courier New", Courier, mono;
	font-size: 16px;
	color: #666666;
	background-color: #000000; }
}