@charset "UTF-8";

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

h1 {
    margin: 0;
    padding: 0;
    font-size: 50px;
    text-align: center;
    background-color: rgb(39, 41, 39);
    color: rgb(236, 223, 204);
}

.Picker {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: rgb(236, 223, 204);
}

.PickerTable {
    height: 100%;
    width: 100%;
    font-size:1vw;
    white-space: nowrap;
    border-collapse: collapse;

}

.chart {
    background-color: rgb(255, 255, 255);
    width: 100%;
}

canvas {
    display: block;
    position: absolute;
    width: 100%;
}

td {
    width: 100%;
    table-layout: fixed;
    text-align:center;
    vertical-align:middle;
}

td:nth-child(1){ width:9%}
td:nth-child(2){ width:9%}
td:nth-child(3){ width:9%}
td:nth-child(4){ width:9.5%}
td:nth-child(5){ width:10%}
td:nth-child(6){ width:7%}
td:nth-child(7){ width:10%}
td:nth-child(8){ width:9.5%}
td:nth-child(9){ width:27%}

.PickerImage {
    display: block;
}

.Img {
    height: 150px;
    width: 150px;
}

button {
    height: 100%;
    width: 100%;
}

.PickerText {
    font-size:2vw;
}

.PickerVS {
    font-size:4vw;
}