simplePad2/public/css/style.css

body{
    height: 100%;
    top: 0px;
    word-wrap:break-word;
    text-rendering:optimizelegibility;
    margin:0 auto;font-family : "lucida grande", "gill sans", arial, sans-serif;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto 70% 10%;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    
}
nav{
    display: grid;
    grid-template-columns: 2em auto;

}

.moreoptions{
    display: grid;
    grid-template-columns: 20% 20% 20% 20%;
}
.moreoptions input, .moreoptions button{
    font-size: 1em;
}

form{
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 80% auto;
    font-size:1em;
}
form input, form button{
    font-size:2em;
}
form textarea{
    border: 1px solid #888;
    font-size: 1em;
}
h1{
    font-size: 2em;
    text-align: center;
}
body pre {
    border-width:1px;
    border-style:dotted;
    border-color:black;
    overflow-y: auto;
}
body img{
    height: 2em;
}
.hidden-by-default{
    display: none;
}