body {
 font-family: "Times New Roman";
 font-size: 11px;
 letter-spacing: 1px;
 color: #404040;
 text-align: justify;
 background-color: #ffffff;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-image:url(https://yahuh.co/i/image-pain.png);
 background-position: left bottom;}
 
.layout {
 width: 50%;
 display: grid;
 grid:
    "main side" auto
    / 400px 100px;
 gap: 4px;
 position: absolute;
 margin-top: 475px;
 margin-left: 400px;}

.main {
 grid-area: main;
 width: 370px;
 height: 375px;
 overflow: auto;
 margin: 0px auto;
 padding: 10px;
 border: 3px double #ccc;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 background-color: #ffffff;
 font-family: "Times New Roman";
 font-size: 11px;
 letter-spacing: 1px;
 text-align: justify;
 line-height: 11px;
 color: #404040;
 text-transform: none;
 font-weight: none;}

.side {
 grid-area: side;
 padding: 0px;
 border: 0px;
 background-color: none;
 text-align: left;
 color: #ff7500;
 height: 16px;
 letter-spacing: 1px;
 text-transform: uppercase;
 font-weight: none;
 font-size: 16px;}
 
a img {
 border: none;
 border-width: 0;
 outline: none;}

p, td {
 overflow: auto;
 font-family: "Times New Roman";
 font-size: 11px;
 letter-spacing: 1px;
 color: #404040;
 text-align: justify;
 background-color: #ffffff;}

table {
 overflow: auto;
 background-color: #ffffff;
 font-family: "Times New Roman";
 text-align: justify;
 color: #e40000;
 font-size: 11px;
 letter-spacing: 1px;
 text-transform: none;
 font-weight: none;}
 
a, a:link, a:active, a:visited {
 color: #ff7500;
 font-weight: bold;
 text-decoration: none;
 line-height: 11px;
 cursor: default;}
 
A:hover {
 color: #000000;
 font-weight: bold;
 text-decoration: none;
 background: #e6e6e6;
 border-bottom: 1px solid #ff7500;
 line-height: 11px;
 cursor: default;} 
 
.link {
 display: block;
 text-align: left;
 background-color: none;
 height: 16px;
 z-index: 6;
 font-style: uppercase;
 font-family: arial black;
 font-size: 16px;
 color: #ff7500;
 letter-spacing: -2px;
 border-color: none;}
 
.link:hover {
 display: block;
 text-align: left;
 background-color: none;
 height: 16px;
 z-index: 6;
 text-decoration: uppercase;
 font-family: arial black;
 font-size: 16px;
 color: #404040;
 letter-spacing: -2px;
 border-color: none;
 background: none;
 border-bottom: none;} 

h1 {
 color: #404040;
 text-align: right;
 font-weight: normal;
 font-style: normal;
 font-size: 18px;
 text-transform: normal;
 font-family: century gothic;
 letter-spacing: 1px;
 margin-top: 0px;
 margin-bottom: 5px;
 border-bottom: 1px dotted #3A4E3F;
 background-color: none;}

h1:first-letter {
 color: #3A4E3F; 
 font-family: "century gothic";
 font-weight: bold;}
 
h2 {
 margin: 0px;
 padding-top: 2px;
 padding-right: 1px;
 padding-left: 2px;
 text-decoration: none;
 font-family: courier new;
 color: #404040;
 font-size: 10px;
 font-weight: none;
 font-style: none;
 letter-spacing: 2px;
 background: #ECE6D7 url('');
 border-bottom: 2px solid #DCD0BB;
 text-transform: uppercase;
 text-align: left;
 margin-bottom: 5px;
 margin-top: 10px;}

b, u, i, s {
 color: #404040;
 background-color: #e4ec8a;}
 
p.error, p.success {
 font-weight: bold;
 padding: 10px;
 border: 1px solid;}

p.error {
 background: #ffc0c0;
 color: #900;}

p.success {
 background: #b3ff69;
 color: #4fa000;}
 
form {
 margin: 0 auto;
 width: 200px;
 border-radius: 5px;
 display: grid;}
 
form input, form textarea, form select {
 font-family: 'Times New Roman', Georgia, Serif;
 font-size: 11px;
 letter-spacing: 1px;
 color: #000;
 background: none;
 padding: 6px;
 margin: 5px 0px 10px 0px;
 border: 1px solid #ff7500;
 background-color: #e6e6e6;
 border-radius: 5px;
 position: center;}
 
input[type="text"],
input[type="email"],
select, textarea {
  display: block;
 border-radius: 5px;
  box-sizing: border-box;
  width: 100%;
  padding: 6px;}
 
input[type="submit"] {
 background-color: #ff7500;
 width: 200px;
 display: block;
 margin: 0px auto;
 border: none;
 border-radius: 5px;
 font-weight: bold;
 font-size: 18px;
 font-family: "Courier New", Courier, monospace;
 color: white;
 margin-top: 0px;
 padding: 5px;
 text-align: center;
 cursor: pointer;}
 
input[type="submit"]:hover {
 background-color: #ECE6D7;}