html, body, pre {
    font-family: Verdana,sans-serif;
    font-size: 20px;
    line-height: 1.5;
}

pre {
	background-color: white;
	border: 1px solid blue;
}	

html {
	scroll-behaviour:auto;
	
}
 .menuhide { 
        display:none;
     }
 .menushow {
	 
	  display: block;
 }
 
 .mytransition {
	 
	 transition:  height 2s linear;
 }
 

 @media screen and (max-width: 767px) {
             .menuhide {display:block}
			 .menushow {display:none}
			 
  }

  ul.sidemenuUL {
    list-style: none; /* Remove HTML bullets */
    padding: 0;
}


li a:link {
    text-decoration: none;
} 
li a:hover {
    background-color: lightGray;
	color:white;
	display:block;
}

li.borderline {
	
	border-bottom: 1px dotted gray;
}
.btn-info,
.btn-info:active,
.btn-info:visited,
.btn-info:focus {
    background-color: Gold;
	border-color: Blue;
	float:right;
}
.btn-info:hover {
	background-color: Blue;
	border-color: Gold;
	float:right;
}

.fixed {    
    position:fixed;
    top: 225px;
	right:10px;
	z-index:1;
}
.LinkSideMenu {
	
}
.active {
	background-color: lightGreen;
  color: blue;
  display:block;
}
a.PreNextNav {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
}
a.PreNextNav:hover {
	   background-color: violet;
	   color: black;
}
.previous {
	 background-color: #4CAF50;
    color: white;
}

.next {
    background-color: #4CAF50;
    color: white;
	float:right;
}
.round {
    border-radius: 30%;
}
@keyframes linkkeyf1 {
    0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: lightpink;}
    100% {background-color: lightpurple;}
}