body {
    font-family: 'Courier New', Courier, monospacez;
    background-color: #1d1c1c;
}
header{
    background-image: url("https://s3.amazonaws.com/dweep.cloud/header.png");
    width: 100%;
    height: 30%;
    background-size: 100%;
}
th {
    border: 1px solid #dddddd;
    background-color: #dddddd;
    color: rgb(143, 142, 142);
    width:30%;
    text-align: left;
    padding: 8px;
}
td {
    border: 1px solid #dddddd;
    color: rgb(143, 142, 142);
}
li {
    padding-left: 0.5cm;
}   
div {
    padding-left: 0.5cm;

}
    iframe{

        width: 40%;
        height: 50%;
        margin-left: 30%;
        margin-top: 10;
    }
.tab {
    overflow: hidden;
    background-color: #1d1c1c;
  }
  
  /* Style the buttons inside the tab */
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    transition: 0.25s ease-in;
    font-size: 25px;
    border-radius: 12px 12px 0 0;
  }
  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: rgb(61, 59, 59);
  }
  /* Create an active/current tablink class */
  .tab button.active {
    background-color: rgb(0, 0, 0);
  }
  /* Style the tab content */
.tabcontent {
    color: rgb(143, 142, 142);
    width: 98.7%;
    background-color: rgb(0, 0, 0);
    display: none;
    padding: 6px 12px;
    border-top: none;
  }
  .yellow{
      color: rgb(138, 138, 61);
  }
  .blue{
      color: rgb(77, 77, 112);
  }
  .orange{
      color: rgb(124, 101, 58);
  }
  .whatsNewCss{
      color: rgb(143, 142, 142);
  }


  /*toggle*/
  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;
  }