#menu a:hover
    {
          background-color: #81BEF7;
          border-radius: 15px;
    }
    #menu a
      {
         padding: 10px;
      }
  .scroll {
              margin: 4px, 4px;
              padding: 4px;
              width: auto;
       }
    a:hover{
                  border-radius: 15px;
                  color: magenta;
          }
       
       a{
          color:rgb(99,32,89);;
        }
        
          .responsive
           {
                 width: 100%;
                 height: auto;
            }
            
            .scrl{
                      overflow-x: auto;
                      overflow-y: hidden;
                      border-style: solid;
                      border-width: 2.5px;
                  }
              
               h1
              {
                font-size: 20px;
              }



          ul {
                    padding: 20px;
                     background: #cce5ff;
            }

        li {
               background: #cce5ff;
               color: darkblue;
               margin: 5px;
          }
          body {
                 background: #cce5ff;  
               }           
        strong,code {
                    font-size: 19px;
                    color: black;
                    font-family: Georgia, serif;
                    font-style: italic;
                    
                    margin-left: .1em;
                    margin-bottom: 1em;
                    margin-right: .1em;

               }
             p {
  padding-left: clamp(1px, 0.6vw, 4px);   /* very small and fluid padding */
  padding-right: clamp(1px, 0.6vw, 4px);
  max-width: 65ch;                        /* ideal for readability */
  margin-left: auto;                      /* center paragraph block */
  margin-right: auto;
  box-sizing: border-box;                 /* avoids overflow issues */
}
                .bgc{
                background-color: rgb(155,142,179);
               }
            .responsive {
                          width: 100%;
                          height: auto;
                       }

            img {
                      border-radius: 12%;
                      max-width: 100%;
                      height: auto;
                      float: right;
               }

          div.dashed{
                        border-style: solid;
                        border-width: 3px;
                        border-radius: 25px;
                    }
              div.dashed2{
                            overflow-x: auto;
                            overflow-y: hidden;
                            white-space: nowrap;
                            border-style: solid;
                            border-width: 2.5px;
                            border-radius: 15px;
                      }

          hr {
                border: 2px solid #DAA520;
            }
              p  {    color: black;
              
              font-size: 20px;
             }