/* CUSTOM TABLE*/
      * {
        font-family: sans-serif;
      }

      body {
        margin:0;
      }

      h1 {
        font-size: 3.8rem;
        margin-top: 1rem;
        margin-bottom: -2.9rem;
      }

      h2 {
        font-size: 1.9rem;
      }

      h1, h2, h3 {
        font-family: "Tanker-Regular";
      }

      h1, h2 {
        text-align: center;
        --angle: -8deg;
        --unskew: rotate(calc(var(--angle)*-1))skew(calc(var(--angle)*-1));
        transform: rotate(var(--angle))skew(var(--angle));
      }

      .header-a {
        color: var(--CanvasText);
        text-decoration: none;
      }

      a h2 {
        color: var(--CanvasText);
        text-decoration: none;
      }


      .hidden {
        display:none !important;
      }

      #myInput {
        width: 85%;
        /* Full-width */
        font-size: 10px;
        /* Increase font-size */
        padding: 12px 20px 12px 40px;
        /* Add some padding */
        border: 1px solid #ddd;
        /* Add a grey border */
        margin-bottom: 12px;
        /* Add some space below the input */
      }

      table {
        width: 100%;
        border-collapse: collapse;
        margin: 20px 0;
      }

      .classement tbody tr:nth-child(1) {
        background-color: gold;
        color: #333333;
      }

      .classement tr:nth-child(2) {
        background-color: silver;
        color: #333333;
      }

      .classement tr:nth-child(3) {
        background-color: #dc7633;
        color: #333333;
      }

      .classement tbody tr:last-of-type {
        background-color: #c0392b;
      }

      #demo {
        background-color: #c0392b;
        font-color:darkred;
        text-align: center;
      }

      .switch-menu {
        font-size: 0.9rem;
        text-align: right;
        margin-bottom: 0.3rem;        
      }

      #intro p {
        font-size: 0.9rem;
      }

      .teams, .teams-w {
        line-height: 1.2;
        font-size: 0.9rem;
      }

      .teams tbody tr:nth-of-type(28n+1) {
        background-color: #7fb3d5;
        color: #333333;
        font-weight: bold;
      }

      .teams-w tbody tr:nth-of-type(18n+1) {
        background-color: #7fb3d5;
        color: #333333;
        font-weight: bold;
      }

      .teams-vds {
        line-height: 1.2;
        font-size: 1rem;
      }

      .teams-wimvds {
        background-color: #7fb3d5;
        color: #333333;
        font-weight: bold;        
      }




/* DROPDOWN MENU */

/* Dropdown Button */
.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}