* {
  box-sizing: border-box;
}/***/

body {
  font-size: medium;
  background-color: #e0ceb8; 
  font-family: Verdana, Geneva, Arial, sans-serif;
}/*body*/

#docu-form {
  margin-left: auto;
  margin-right: auto;
  display: table;
  padding: 5px;
  background-color: #e0ceb8;
  font-size: 70%;
}/*#form-login*/

#docu-fieldset {
  border: 2px solid #908267;
  border-radius: 6px;
}/*#fieldset-login*/

#docu-legend {
  font-size: 120%;
  font-weight: bold;
}/*#legend-login*/

.docu-row {
  display: table-row;
}/*.row-login*/

.docu-cell {
  display: table-cell;
  padding: 3px;
  vertical-align: middle;
  border-color: #908267;
}/*.cell-login*/

.docu-cell:first-child {
  text-align: right;
}/*cell-login:first-child*/

button#docu-send, button#docu-reg {
  font-family: Verdana, Geneva, Arial, sans-serif;
  background-color: white; 
  color: #38803b;
  font-weight: bold;
  border: 2px solid #38803b;
  text-align: center;
  padding: 5px;
  font-size: 100%;
  transition-duration: 0.5s;
  cursor: pointer;
}/*button#send-login*/

button#docu-send:hover, button#docu-reg:hover {
  background-color: #4bad4f;
  color: white;
  font-weight: bold;
}/*button#send-login:hover*/


#log-text {
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
  margin-bottom: 1em;
  border-width: 2px;
  border-color: #908267;
  border-style: solid;
  background-color: white;
  font-size: 80%;
  font-weight: normal;
  letter-spacing: 0em;
  line-height: 1.2;
  text-align: left;
}/*log-text*/

h3 {
  margin-top: 0px;
  font-size: 100%;
  color: green;
}/*h3*/

h4 {
  margin-top: 0px;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 90%;
  color: red; 
}/*h4*/