html {scroll-behavior: smooth;}
        body{
            background-color: #bebebe;
        }
        .container{
            background-color: #bebebe;
            font-family: trebuchet ms,geneva ce,lucida,sans-serif;
            
        }
        .content{
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }

        ul, #myUL {
          list-style-type: none;
        }
        
        #myUL {
          margin: 0;
          padding: 0;
        }
        
        .caret {
          cursor: pointer;
          -webkit-user-select: none; /* Safari 3.1+ */
          -moz-user-select: none; /* Firefox 2+ */
          -ms-user-select: none; /* IE 10+ */
          user-select: none;
        }
        
        .caret::before {
          content: "\25B6";
          color: black;
          display: inline-block;
          margin-right: 6px;
        }
        
        .caret-down::before {
          -ms-transform: rotate(90deg); /* IE 9 */
          -webkit-transform: rotate(90deg); /* Safari */
          transform: rotate(90deg);  
        }
        
        .nested {
          display: none;
        }
        
        .active {
          display: block;
        }
        table, th, td {
        border: 1px solid black;
        border-collapse: collapse;
        }
        button {
            background-color: #d3d3d3;
        }