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;
           
             


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


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

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


              }
              
          hr {
                  border: 2px solid #DAA520;
              }
              h1
              {
                font-size: 20px;
              }