/* 
myStyleSheet.css

by K. J. Rock
Bacona Design
November 13, 2019
10:49 AM
August 18, 2020
*/

body {
  font-family: Arial, Helvetica, sans-serif;
  color:#268bd2;  /* 	Orange #cb4b16;   color: #000010;  */
  background-image: url("grid.png");
  background-attachment: scroll;
}

div {
	font-family: Arial, Helvetica, sans-serif;
 	color: #ff9022;
 	padding: 5px, 5px;
}
  	
address {
	display: block;
	font-style: italic;
	padding: 5px 5px;
}  	

ul.a { list-style-type: none; font-size: 19px; }
ul.b { list-style-type: disc; font-size: 18px; }
ol.a { list-style-type: decimal; font-size: 20px; }

div a { text-decoration: italic; }

a:link {   	color: #2aa198; }  
a:hover {	color: #eee8d5; } 
a:active {	color: #859900; } 
a:visited {	color: #586e75; }  

.listnav {
  width: 60%;
  position: fixed;
  height: 80%;
  background-image: url("grid.png");
  background-attachment: fixed;
  z-index: 1; 
  top: 80px;
  left: 50px;
  overflow: auto;
  padding: 8px 8px;  
}

.listnav a {
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  font-size: 25 px:
}

.sidenav {
  width: auto;  /*- 270px; */
  position: fixed;
  z-index: 1;
  top: 100px;
  right: 0;
  background: #586e75;
  overflow-x: hidden;
  padding: 8px 0;
}

.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 25px;
  color: #002b36;  /* font color */
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #eee8d5;
}

.sidenav b {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #000000;
  display: block;
  transition: 0.3s;
}

/* Add background color to the top navigation */
.topnav {
  overflow: hidden;
  background-image: url("grid.png");
  background-attachment: fixed;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  text-align: center;
  padding: 5px 20px;
  text-decoration: none;
  font-size: 20px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.main {
  margin-left: 10px; /* sidebar + left position in px */
  margin-right: 250px;
  font-size: 18px; /* Increased text to enable scrolling */
  color:MediumSeaGreen;
  padding: 0px 10px;  /* padding: 0px 10px; */
}

.main a { text-decoration: none; }
.main a:link { color: #2aa198; } 
.main a:hover { color: #eee8d5; }    
.main a:active { color:#859900; }              
.main a:visited { color: #586e75; }

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.navbar {
  width: 400px;
  background-color: #586e75;  /*  #555; */
  overflow: auto;
}

.navbar a {
  float: left;
  padding: 12px;
  color: white;  /* letter color */
  text-decoration: none;
  font-size: 17px;
}

.navbar a:hover {
  background-color: #eee8d5;  /* black hover */
}

.active {
  background-color: #839496;  /* #4CAF50; */
}

/*
* {
  box-sizing: border-box;
}

.row {
  display: flex;
}

.column {
  flex: 33.33%;
  padding: 5px;
}
*/

/*
$base03:    #002b36;
$base02:    #073642;
$base01:    #586e75;
$base00:    #657b83;

$base0:     #839496;
$base1:     #93a1a1;
$base2:     #eee8d5;
$base3:     #fdf6e3;

$yellow:    #b58900;
$orange:    #cb4b16;
$red:       #dc322f;
$magenta:   #d33682;

$violet:    #6c71c4;
$blue:      #268bd2;
$cyan:      #2aa198;
$green:     #859900;

Background Tones
$base03:    #002b36;
$base02:    #073642;

Content Tones dark shades
$base01:    #586e75;
$base00:    #657b83;
$base0:     #839496;
$base1:     #93a1a1;

Background Tones light shades
$base2:     #eee8d5;
$base3:     #fdf6e3;

Accent Colors
$yellow:    #b58900;
$orange:    #cb4b16;
$red:       #dc322f;
$magenta:   #d33682;
$violet:    #6c71c4;
$blue:      #268bd2;
$cyan:      #2aa198;
$green:     #859900;
*/

/* a:active { color:#dc322f; }      */
/* h2:after { content:'\00A7'; } */
/*
a:link { color: #d33682; } 
a:visited { color:#859900; }
a:hover { color:#073642; }
*/

/*
.red {    color: red;   }
.blue {   color: #268bd2; }
.thick {  font-size:20px;  }
.green {  color:green;  }
.roman {  list-style-type: decimal; }
.square { list-style-type: square; }
*/

/*  background-image: url("Farrah.jpg");  */
/*  background-image: url("ISS.jpg");  */
/*  background-image: url("Georgia.jpg");  */
/*  background-repeat: no-repeat;  */
/*
div a {
  text-decoration: none;
  color: white;
  font-size: 20px;
  padding: 15px;
  display:inline-block;
}
*/

<!--


-->