body {background-color: #a2e4bb; font-family: Arial, Helvetica, sans-serif;}

pre.code {
    padding: 5px;
    background-color: #eee;
    border: 2px dashed gray
}

html {
  overflow-y: scroll;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

/* This removes the image search icon but breaks interaction with images */
img {
	pointer-events: none;
} 

.brritscold {
	color: blue;
}

.nxtfltrgt {
	float: right;
}

.bckfltlft {
	float: left;
}

a.navmenu:link{
	margin: 20px;
	text-shadow: 2px 2px 4px #000;
	font-size: large;
	font-weight: bold;
	color: white;
	text-decoration: none;
}
a.navmenu:hover{
	margin: 20px;
	text-decoration: underline;
	text-shadow: 2px 2px 4px #000;
	font-size: large;
	font-weight: bold;
	color: gray;
}
a.navmenu:visited{
	margin: 20px;
	text-shadow: 2px 2px 4px #000;
	font-size: large;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#Heading01 {
	background-image: none;
	background-color: #A2FFB8;
	text-shadow: 2px 2px 4px #000;
	font-size: large;
	font-weight: bold;
	color: white;
	border: 2px solid black;
	margin: 20px;
	padding: 10px;
}

#RandomHead {
	background-image: none;
	background-color: #A2FFB8;
	text-shadow: 2px 2px 4px #000;
	font-size: large;
	font-weight: bold;
	color: white;
	border: 2px solid black;
	margin: 20px;
	padding: 10px;
}

#Links01 {
	background-color: white;
	border: 2px solid black;
	margin: 20px;
	padding: 10px;
}

#Links01 a:link, a:visited {
	text-decoration: none;
} 

#sunrize{
	background-color: white;
	border: 2px solid black;
	margin: 20px;
	padding: 10px;
}

#bckup {
	background-color: white;
	border: 2px solid black;
	margin: 20px;
	padding: 10px;
	font-weight: bold;
}

#bckup a:link, a:visited {
	text-decoration: none;
}

#Intro01 {
	background-color: white;
	border: 2px solid black;
	margin: 20px;
	padding: 10px;
}

#Main01 {
	position:relative;
	z-index:1;
	background-color: #fff;
	border: 2px solid black;
	margin: 20px;
	padding: 10px;
	}
#pagebadge {
	z-index: 2;
	}	
#BartQuote {
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	}
	
.pagecontainer{margin:0 auto; max-width: 1024px;}

.Nav01{
	z-index:2;
	background-image: none;
	position: sticky;
	top: 0;
	background-color: #A2FFB8;
	text-shadow: 2px 2px 4px #000;
	font-size: large;
	font-weight: bold;
	color: white;
	border: 2px solid black;
	margin: 20px;
	padding: 10px;}

.Nav02{
	background-image: none;
	background-color: #0000A0;
	text-shadow: 2px 2px 4px #000;
	font-size: large;
	font-weight: bold;
	color: white;
	border: 2px solid black;
	margin: 20px;
	padding: 10px;
	}

.grid-container{
		display: grid ;
		width: 100%;
		grid-template-columns: 1fr 2fr;
		grid-template-rows: min-content min-content 1fr;
		grid-template-areas:	"sun posts"
								"bckup posts"
								"links posts"
								;
		}

.grid-child1 { grid-area: sun;}
.grid-child2 { grid-area: links; vertical-align: top;}
.grid-child3 { grid-area: posts;}
.grid-child4 { grid-area: bckup;}

.userlink{color: red;}

.accordion > input[name="collapse"] {
  display: none;
}

.accordion .content {
  background: #fff;
  overflow: hidden;
  display: none;
}  

.accordion label
 { 
color: #000;
}
 
.accordion label:hover,
.accordion label:focus
 {
  color: #0000ff
}

.accordion > input[name="collapse"]:checked ~ .content {
   display: block;
}