h1 {
  margin-top: 2px;
  margin-bottom: 8px;
  font-family: sans-serif;
  font-size: 6rem;
  background: blue;
  -webkit-text-stroke: 5px black;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h2 {
  margin-top: 2px;
  margin-bottom: 8px;
  font-family: sans-serif;
  font-size: 5rem;
  background: blue;
  -webkit-text-stroke: 5px black;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h3 {
  margin-top: 2px;
  margin-bottom: 8px;
  font-family: sans-serif;
  font-size: 3rem;
  background: blue;
  -webkit-text-stroke: 4px black;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
p {
color: black;
font-family: sans-serif;
font-size: 3rem;
}
.code {
border-left: 8px solid blue;
text-align: left;
background-color: gray;
}
.code p{
display: table; /* keep the background color wrapped tight */ margin: 0px auto 0px auto; /* keep the table centered */ padding:5px;font-size:3rem;color:black;
text-align: left; word-break:break-all; 
}
span[class=lime]{
color: lime;
 -webkit-text-stroke: 1px black;
}
span[class=green]{
color: green;
 -webkit-text-stroke: 1px black;
}
span[class=red]{
color: red;
 -webkit-text-stroke: 1px black;
}
.all {margin:0;background:lightgray;padding:30;text-align:center;word-break:normal;}
body {background:lightgray; width: 970;}
.navbar {
  overflow: hidden;
  background-color: #333;
  position: fixed;
  top: 0;
  width: 100%;
}
input[class=put] { width:100%;height:100px;font-size:50px;border: 1px solid black; }
input[class=sub] { width:100%;height:100px;display:inline;background-color:DodgerBlue;font-size:50px;border: 1px solid black;}

.main {
  padding: 0px;
  margin-top: 30px;
  height: 1500px; /* Used in this example to enable scrolling */
}
kbd kbd { background: #eaeaea; border: 1px solid #ccc; margin: 0 .1em; padding: .25em; }

img .imgcnt { width:970px; border: black 2px solid;}