html {
 margin: 0em;
  padding: 0;
   border-color: red;
    }
     body { 
      height: 95vh;
       margin: 0;
        box-sizing: border-box;
         background: black;
          color: red;
           border-color: red;
            font-family: sans-serif;
             font-size: medium;
              color: red;
               display: flex;
                flex-direction: column;
                 align-items: center;
                  gap: 1em;
                   overflow: hidden;
                    }
                     span {
                      text-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000;
                       }
                        .timestamp {
                         font-size: 0.6em;
                          color: red;
                           opacity: 0.4;
                            }
                             .scroller {
                              scrollbar-color: red black;
                               }
                                h1 {
                                 margin: 0;
                                  padding: 0;
                                   font-size: 2em;
                                    }	
                                     ul#messages {
                                      flex: 1;
                                       overflow: auto;
                                        padding: 0 3px;
                                         list-style: none;
                                          border: 2px solid #ff00007d;
                                           min-height: 0;
                                            width: 100%;
                                             box-sizing: border-box;
                                              }
                                               ul#messages li {
                                                margin: 0.35em 0;
                                                 border-color: red;
                                                  border-style: groove;
                                                   border-radius: 25px;
                                                    padding: 30px;
                                                     max-width: 90%;
                                                      margin-left: 5%;
                                                       margin-right: 5%;
                                                        box-shadow: 0 0 3px #ff0000;
                                                         }
                                                          ul#messages li small {
                                                           font-size: 0.59em;
                                                            color: white;
                                                             border-color: red;
                                                              }
                                                               ul#messages li.pending {
                                                                color: #red;
                                                                 }
                                                                  form {
                                                                   font-size: 1em;
                                                                    margin: 0;
                                                                     color: red;
                                                                      background: black;
                                                                       border-color: red;
                                                                        flex-shrink: 0;
                                                                         width: 100%;
                                                                          box-sizing: border-box;
                                                                           }
                                                                            form p {
                                                                             margin: 0;
                                                                              padding: 7px 0;
                                                                               gap: 0.5em;
                                                                                color: red;
                                                                                 background: black;
                                                                                  border-color: red;
                                                                                   display: flex;
                                                                                    align-items: center;
                                                                                     width: 100%;
                                                                                      box-sizing: border-box;
                                                                                       max-height: 60px;
                                                                                        }
                                                                                         form p input {
                                                                                          font-size: 1em;
                                                                                           min-width: 0;
                                                                                            color: red;
                                                                                             background: black;
                                                                                              border-color: red;
                                                                                               height: 2em;
                                                                                                }
                                                                                                 form p input[name=name] {
                                                                                                  color: red;
                                                                                                   background: black;
                                                                                                    flex: 0 0 15%;
                                                                                                     text-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000;
                                                                                                      border: 2px solid #ff00007d;
                                                                                                       }
                                                                                                        form p input[name=content] {
                                                                                                         color: red;
                                                                                                          background: black;
                                                                                                           border: 2px solid #ff00007d;
                                                                                                            flex: 1 1 62%;
                                                                                                             }
                                                                                                              form p button {
                                                                                                               color: red;
                                                                                                                background: black;
                                                                                                                 border: 2px solid #ff00007d;
                                                                                                                  text-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000;
                                                                                                                   flex: 0 0 auto;
                                                                                                                    padding: 0.5em 1em;
                                                                                                                     }
                                                                                                                      h1, ul#messages, form {
                                                                                                                       color: red;
                                                                                                                        font-size: 30px;
                                                                                                                         background: black;
                                                                                                                          margin: 0;
                                                                                                                           max-width: 75vw;
                                                                                                                            max-height: 75vh;
                                                                                                                             justify-self: anchor-center;
                                                                                                                              }
                                                                                                                               form p button:hover {
                                                                                                                                box-shadow: 0 0 10px #ff0000;
                                                                                                                                 cursor: pointer;
                                                                                                                                  }
                                                                                                                                   form p input:focus {
                                                                                                                                    outline: none;
                                                                                                                                     box-shadow: 0 0 5px #ff0000;
                                                                                                                                      }
                                                                                                                                       ul#messages::-webkit-scrollbar {
                                                                                                                                        width: 8px;
                                                                                                                                         }
                                                                                                                                          ul#messages::-webkit-scrollbar-track {
                                                                                                                                           background: black;
                                                                                                                                            }
                                                                                                                                             ul#messages::-webkit-scrollbar-thumb {
                                                                                                                                              background: red;
                                                                                                                                               border-radius: 4px;
                                                                                                                                                }
                                                                                                                                                 ul#messages::-webkit-scrollbar-thumb:hover {
                                                                                                                                                  background: #ff0000;
                                                                                                                                                   }
                                                                                                                                                    @media all {
                                                                                                                                                     body:not(:root:root) input,
                                                                                                                                                      body:not(:root:root) textarea,
                                                                                                                                                       body:not(:root:root) select {
                                                                                                                                                        font-size: 16px !important;
                                                                                                                                                         padding: 12px !important;
                                                                                                                                                          min-height: 44px !important;
                                                                                                                                                           }
                                                                                                                                                            body:not(:root:root) .message,
                                                                                                                                                             body:not(:root:root) .comment,
                                                                                                                                                              body:not(:root:root) p {
                                                                                                                                                               font-size: 20px !important;
                                                                                                                                                                }
                                                                                                                                                                 body:not(:root:root) span {
                                                                                                                                                                  font-size: 15px !important;
                                                                                                                                                                   }
                                                                                                                                                                    body:not(:root:root) h1,
                                                                                                                                                                     body:not(:root:root) ul#messages,
                                                                                                                                                                      body:not(:root:root) form {
                                                                                                                                                                       max-width: 100vw !important;
                                                                                                                                                                        max-height: 88vh !important;
                                                                                                                                                                         margin-bottom: 15px !important;
                                                                                                                                                                          }
                                                                                                                                                                           }