html {
    min-height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: #70bg32;
    background-repeat:no-repeat;
    background: -webkit-linear-gradient( to left top, red, blue, black);
    background: -moz-linear-gradient( to left top, red, blue, black);
    background: -ms-linear-gradient( to left top, red, blue, black);
    background: -o-linear-gradient( to left top, red,  blue, black);
    background: linear-gradient( to left top, red,blue, black);
}

    
body{
  
   
    font-family: "Simple Console", monospace;
    margin-left: 5%;
}
#center
{ display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;

}
pre{
      background: -webkit-linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
  background: linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

p{
  background: -webkit-linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
  background: linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

position:center;
text-align: left;
   padding-top: 20px;
   letter-spacing: 3px;
   color: #708090;
   text-transform: uppercase;
   font-size: 15px;}


a{
  color:white;
}
a:hover {
  color:red;
}
  a:visited {
  color: yellow;
}





input[type=text] {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input[type=text]:focus {
    border-color:#708090;
}

input[type=submit] {
    padding:5px 15px;
    text-align: center ; 
    background: #B0C4DE; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}