@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
//.container {scrollbar-gutter: stable;}
/* width */

html,body {
  text-size-adjust: none;
 -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
   margin:0;
}

body {font-family: 'Roboto', sans-serif;font-size: 70%; }
.title {font-size: 10 em; text-decoration: none; font-weight: bold; text-align: left;}
table.table1 {border: 0px solid black; border-collapse:collapse;margin:0 0;padding:0px;width:100%;}
table.table1 tr{vertical-align:top;}
table.table1 td{border:0px solid blue;padding:0px;align:center;margin:auto;}
table.leaderboard {border:2px solid black;border-collapse: collapse;}
table.leaderboard tr{border-bottom: 1px solid #cccccc;}
table.menubuttons {border: 0px solid red;border-collapse:collapse;padding:0px;margin:auto;}
table.menubuttons td{border:5px solid white;text-align:center;}
p {font-size: 80%;margin: 5px;}
p.training {font-size: 120%;margin: 5px;text-align:left;}
h1 {color: black;font-size: 100%;margin: 8px 8px;}
p.graphtitle {font-size: 150%; text-align: left;color: blue;}
div.desc {text-align: left;background-color: white;}
td {text-align: center;}
.logo {text-align: right;vertical-align: top;}
.button {
    border-radius: 0.5vw; background-color: black;border: 1px; color: yellow;
    padding: 0.4vw 0.4vw;text-align: center;text-decoration: none;
    display: inline-block;margin: 0.2vw 0.2vw;cursor: pointer; 
    }

button.buttonbig {background-color: black; color: white;font-size: 40px;}
button.blankb {border: 2px;}

//a:link {color: black;}
//a:visited {color: black;}
a:hover {color: #808080;}
a:active {color: blue;}
.linkbutton {
    border-radius: 5px; background-color: black; border: 1px; color: white;
    padding: 4px 4px;text-align: center; text-decoration: none;
    display: inline-block; margin: 2px 2px; cursor: pointer; font-size: 70%;
    }
table.ChartTable {border-collapse;padding:0;margin: 0;}
table.ChartTable td{background-color:white; text-align:left;}

table.tandaplan {border: 1px solid black;}

table.tandaplan td, table.tandaplan th {text-align: center;padding: 2px;}

table.tandaplan tr:nth-child(even) {background-color: #f2f2f2;}
div {display: inline-block;}
div.line{}
.dropbtn {
  background-color: black;
  color: white;
  min-width: 5em;
  padding: 0.4em 0.6em;
  font-size: 0.9em;
  border: none;
}

.dropdown {position: relative;display: inline-block;}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 90px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  padding: 0em 0em;
}
.show {display: block;}
.dropdown-content a {
  color: black;
  padding: 8px 4px;
  text-decoration: none;
  font-size: 13px;
  text-align:left;
  display: block;
}
.dropdown-content div {width 100px; height 100px;background red;color white; }
.dropdown-content a:hover {background-color: #ddd;}
//.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}