img {
            border-radius: 18%;
          }

 
              #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);;

              }
              p  {
                   
             
              color: black;
              
              font-size: 16px;
           
             


               }
            .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;

              }
              
              .scrl{
                overflow-x: auto;
                overflow-y: hidden;

                border-style: solid;
                border-width: 2.5px;


              }
              
          hr {
                  border: 2px solid #DAA520;
              }
              h1
              {
                font-size: 20px;
              }
              ul {
            padding: 20px;
             background: #cce5ff;
            
          } 
        li {
             background: #cce5ff;
             color: darkblue;
             margin: 5px;
          }
          body {
              background: #cce5ff;  
              }           
            p  {
              font-size: 19px;
              color: black;
              font-family: Georgia, serif;
              font-style: italic;
              display:block;
              margin-left: .1em;
              margin-bottom: 1em;
              margin-right: .1em;
               }
               /*.bgc{
                background-color: rgb(155,142,179);
               }
               rgb(235, 232, 240)
               */
                bgc{
                background-color: rgb(255,165,0);
               }
               rgb(235, 232, 240)
               
            .responsive {
            width: 100%;
            height: auto;
             }
            img {
              border-radius: 12%;
          max-width: 100%;
          height: auto;
          float: right;
          }
          div.dashed{
                border-style: solid;
                border-width: 3px;
              }
          
                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;
            }
          .bgc{
                background-color: rgb(245, 244, 247);
               }