@font-face { 
    font-family: "Merriweather"; 
    src: url("/files/media/font.ttf"); 
}

* {
    margin: 0;
    padding: 0;
    font-family: 'Merriweather';
    box-sizing: border-box;
    cursor: url('/files/media/cursor.cur'), auto;
    cursor: -webkit-image-set(
      url('/files/media/cursor.png') 1x,
      url('/files/media/cursor2x.png') 2x
    ), auto;
}

body {
    background-color: #008080;
    text-align: center;
    color: black;
    /*display: grid;
    place-items: center;*/
    height: 100%;
}

.padring {
  padding: 3%;
}

.container {
  width:650px;
  background:#C0C0C0;
  border-width:1px;
  border-color:#FFFFFF #808080 #808080 #FFFFFF;
  border-style:solid;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  padding:1px;
}

.banner {
    width: 100%;
}

.left {
    width: 394px;
    display: inline-block;
    text-align: left;
    font-size: 80%;
    padding: 5px;
}

.right {
    width: 248px;
    display: inline-block;
    text-align: right;
    font-size: 80%;
    vertical-align: top;
    padding: 5px;
}

button:focus{
  outline:none;
}
div.title{
  height:18px;
  width:100%;
  background:#000080;
  color:#FFF;
}
img.title{
  float:left;
}
p.title{
  margin:2px 0 0 1px;
  float:left;
  font-weight:bold;
  font-size:11px;
}
.title button{
  /*position:absolute;
  right:3px;
  top:3px;*/
  margin:2px 2px 2px 0;
  float:right;
  width:14px;
  height:13.5px;
  background:#C0C0C0;
  border-width:1px;
  border-color:#FFFFFF #808080 #808080 #FFFFFF;
  padding:0;
  font-size:9px;
  font-weight:bold;
  text-align:center;
  focus:none;
}

input, textarea {
  background:#EEE;
  border-width:1px;
  border-color:#FFFFFF #808080 #808080 #FFFFFF;
  border-style:solid;
  padding:5px;
margin:3px;
}

input[type=submit], .button, .keygen-link {
  font-size:14px;
  outline:1px solid #000000;
  background:#C0C0C0;
  border-width:1px;
  border-style:solid;
  border-color:#FFFFFF #808080 #808080 #FFFFFF;
  padding:4px 10px;
  margin:20px 3px;
  display:inline;
  position:relative;
  bottom:0px;
}

.keygen-algorithm { /* algorithm dropdown (select) */ }
.keygen-pkeyopts { display: none; /* additional key options (text input) */ }
.keygen-status { /* status/progress (span) */ }
.keygen-link { /* generated certificate download link (a) */ }

.powered {
    color: #444;
    text-shadow: #DDD 1px 1px 0;
    border-top: 2px groove #DDD;
}

::selection {
  background-color: orange;
}