body {
  /*padding: 25px;*/
  background-color: white;
  color: black;
  font-size: 25px;
}

/*
.dark-mode {
  background-color: black;
  color: white;
}
*/

/*Layout*/
#page{
	width:90%;
	margin: 0 auto 0 auto;
	padding: 0 0 10px 0;
}

#content {
	/*margin: 15px 0 0 0 ;*/
	width:73%;
	float:left;
	/*Uncomment the line below for content on right*/
	/*float:right;*/
}

#menu {
	width:25%;
	float:right;
	vertical-align: top;
	background-color: #F5F5F5;

	/*border-left: 1px dotted #999;*/
	/*margin:80%;^/
	margin-top:0px;
	/*Uncomment the line below for menu on left*/
	/*margin:0 600px 0 0;*/
}

.footerHeader {
	margin:3px 8px 0 8px;
	clear:both;
}

.codesnippet {  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
  background-color: #CCCCCC;
}

/* #### Dark Mode Portrait #### */

@media (prefers-color-scheme: dark) {
  container {
    color: #eee;
    background: #121212;
  }
?
  a {
    color: #809fff;
  }
}


/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 950px) {
	#container {
	  width: 100%;
	  font-size: 14px;
	}
	
	#container2 {
		font-size: 14px;
		float: none;
		width: 100%;
	}

	#page{
		width:100%;
	}

	#content {
		width:100%;
		background-color: white;
	}

	#menu {
		width: 100%;
		float: none;
	}

	#sidebar {
	  float: none;
	 }
	
	.menuTitle {
		background-color: white;
	}

	body {
		padding: 0px;
	}

	#blogText {
		padding:0 8px 0 8px;
	}


/* #### Desktops #### */
@media screen and (min-width: 1024px){
}