body {color: white; background-color: black; font-family: Arial, Helvetica, sans-serif;}
h1   {color: yellow; font-style: italic!important;}
h2   {color:yellow; font-style: italic!important;}
a:link {color:gold;}
a:visited {color:goldenrod;}
a:hover  {color:yellow;}
a:active {color:white;}

.highlighter {background-color: yellow; color:#0B143F; font-style: italic!important; font-weight: bold!important;}

body {
  background-image: url("https://jimbohusky.com/bg1.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.ychpreview {
	height:256px;
}


iframe {
	overflow:hidden;
}

.sidebar {
height: 100%;
width:150px;
position:fixed;
z-index:1;
top:0;
left:0;
background-color:#050505;
overflow-x:hidden;
padding-top:5px;
padding-left:5px;
border:none;
}

.sidebar a {
padding: 0px 8px 6px 12px;
text-decoration:none;
font-size:18px;
color:#888;
display:block;
}
.sidebar a:hover {
color:gold;
}
.main {
margin-left: 130px;
padding: 0px 10px 10px 20px;
height: 100vh;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
	.sidenav {padding-top: 15px; width:100px;}
	.sidenav a {font-size: 18px;}