<head>
  <meta charset="UTF-8">
  </head>

       <style>


            :root {
                --content: #43256E;
            }

            @font-face {
            font-family: 'AFontWithSerifs';
            src: url('https://dixn.neocities.org/fonts/A_Font_with_Serifs.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
            }
              
              @font-face {
              font-family: "EverydayGhost";
              src: url("https://dixn.neocities.org/fonts/Everyday_Ghost.ttf") format("truetype");
              font-weight: normal;
              font-style: normal;
              }


            body {

                color: #ededed;
                font-family: 'AFontWithSerifs', serif;
                overflow: hidden;

            }
            
            main {
             width: 350px;
             height: 290px;
             overflow-wrap: break-word;
             word-break: break-word;
            }

a {
  color: #b3b3b3;
  text-decoration: none; /* optional: removes underline */
}

            #flex {
                display: flex;
            }

        </style>

<style>

.t1 {
  font-family: 'AFontWithSerifs', serif;
  word-spacing: 2px;
  line-height: 15px;
  margin: 6;
  margin-top: 3;
  padding: 15px;
  font-size: 10px;
}

.t2 {
  font-family: "EverydayGhost", serif;
  word-spacing: 2px;
  line-height: 15px;
  margin: 6;
  margin-top: 3;
  color: #b3b3b3;
  font-size: 1.5em;
}

.t3 {
  font-family: 'AFontWithSerifs', serif;
  font-size: 20px;
  word-spacing: 2px;
  line-height: 15px;
  margin: 6;
  margin-top: 3;
  color: #74350B;
}

.textflex {
width: 300px;
}

    #container {
      overflow: scroll;
      overflow-x: hidden;
      height: 10em;
      padding: 1rem;
    }

    ::-webkit-scrollbar {
        width: 8px;
        }

        ::-webkit-scrollbar-track {
        background-color: transparent;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #ccc;
        }

        ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #242424;
        border: 1px solid #aaa;
        }

</style>