   body {
     overflow: hidden;
     margin: 0px;
     font-family: sans-serif;
   }
   div {
     padding: 0px;
   }
   pre {
     white-space: pre-wrap;
     margin: 0px;
     margin-left: 5px;
     margin-right: 5px; 
   }
   #copyright {
     position: absolute;
     top: 0px;
     left: 0px;
     height: 20px;
     background-color: black;
     font-size: 18px;
     font-family: sans-serif;
     color: white;
     width: 100%;
     text-align: center;
     z-index: 4;
   }
   #header {
     position: absolute;
     top: 20px;
     left: 0px;
     display: flex;
     width: 100%;
     height: 60px;
     z-index: 1;
   }
   #split {
     height: 70%;
     display: flex;
     width: 100%;
     position: absolute;
   }
   #headerMessages, #headerContacts {
     width: 50%;
     font-size: 30px;
     font-family: sans-serif;
     color: white;
     background-color: navy;
     margin-top: 5px;
     margin-left: 5px;
     margin-right: 5px;
     border-radius: 10px;
     padding: 10px;
   }
   #headerOthers {
    position: absolute;
    top: 70%;
    color: white;
    font-family: sans-serif;
    background-color: navy;
    font-size: x-large;
    border-radius: 10px;
    padding: 5px;
    left: 5px;
    right: 5px;
    z-index: 1;
   }
   #spyMessages, #spyContacts {
     width: 50%;
     max-height: 100%;
     border-color: navy;
     background-color: lightblue;
     border-width: 1px;
     margin: 5px;
     margin-top: 45px;
     border-style: solid;
     border-radius: 10px;
   }
   #spyOthers {
     background-color: lightblue;
     margin-bottom: 5px;
     position: absolute;
     top: 70%;
     bottom: 0px;
     left: 5px;
     right: 5px;
     border-style: solid;
     border-radius: 10px;
     border-width: 1px;
     padding-top: 30px;
     overflow: auto;
   }
   #spyMessages, #spyContacts, #spyOthers {
     display: flex;
     flex-direction: column-reverse;
     overflow: auto;
   }

   .message, .contact {
    border-width: 1px;
    border-radius: 10pt;
    padding: 10pt;
    margin: 5pt;
    background-color: #d9fdd3;
   }
   
   #modalbackdrop {
     display: none;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: black;
     z-index: 2;
     opacity: 0.9;
   }
   
   #inputbox {
     display: none;
     position: absolute;
     top: 40%;
     left: 20%;
     right: 20%;
     background-color: white;
     border-radius: 20px;
     padding: 20px;
     text-align: center;
     z-index: 3;
   }
   
   #backend_url {
     width: 70%;
   }
  
  #input_ok {
    background-color: blue;
    color: white;
    font-size: 30px;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    width: fit-content;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
  } 
  
  #ok_line {
    line-height: 40px;
  }

  table {
    margin: auto;
  }
    
  .formlabel {
    text-align: right;
  }
  