body {

background:gray;
  width: fit-content;
  color:white;
  margin:auto;
}
.buttonlist1{
  padding:2px;
  font-size:2vw;
  color:black;
  background-image:url('/images/image1.jpg');
  box-shadow:12px 12px 5px lime;
  display:inline;
}

.buttonlist1:hover {
  border:1px red solid;
   padding:2px;
  background-image:url('/images/image15.jpg');
  color:red;
   font-size:2vw;
  box-shadow:12px 12px 5px;
  display:inline;
    border-radius: 50%;}
h1  {

  text-decoration: underline solid 5px;
  padding:0 0 0 1em;
  color:white;
  text-align:left;}
  
   h2, h3, h4, h5, h6 {
  background:white;
  color:black;
    text-decoration: underline solid 3px;
    padding-top: 10px;
  padding-right: 100px;
  padding-bottom: 20px;
  padding-left: 20px;

  text-align:left;
    width: -moz-fit-content;
  width: fit-content;

 
  display: table;
}

ul {
  border:10px solid white;
  border-radius:10%;
 background:white;
 padding:20px;
width: fit-content;
  list-style-type: "→";
 
  margin: 5px;

 
}





.nav {
  list-style-type: none;
  margin: 2px;
  padding: 5px;
  

  position: fixed;
  bottom: 0;
  width: fit-content;
  background:slateblue;


	display: inline-block;


	border: 8px solid red;
	


}




.navlist {
  float: left;
  padding:0;
}

li a {
  display: block;
  color: white;
  text-align: left;
  padding: 5px 5px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: #111;
}

.active {
  background-color: #04AA6D;
}



button {
      color:linear-gradient(red, yellow, green);
 font-size:40px;
  -webkit-animation: glowgreen 1s ease-in-out infinite alternate;
  -moz-animation: glowgreen 1s ease-in-out infinite alternate;
  animation: glowgreen 1s ease-in-out infinite alternate;
  font-family:courier;
  padding:30px;
  border-radius: 50%;
  
}

button:hover {
      color: #fff;
 cursor: pointer;

 
  font-family:verdana;
  border:5px solid red;
  border-radius: 50%;
  padding:26px;
  
}


pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-size:16px;
 font-weight:900;
 color:white;
 background:black;
max-width:700px;
               text-decoration:underline 0.5px teal;
               border:25px forestgreen solid;
               border-radius:20%;
        
               padding-left:40px;
               margin:auto;
              
     
}

.tab {font-size:10px; color:white; font-family:courier; text-shadow:none; background:gray;}











/* unvisited link */
a:link {
    color: black;
 border:1px yellow solid;
 border-radius:5%;

 
 font-weight:700;
 

  min-height:100%;
  background: 
white;
  
}



/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: cyan;

  background: yellow;
  
  border: 2px solid white;
}

/* selected link */
a:active {
  color: blue;
}