table {
    font-family: 'Space Mono', monospace;
    font-size: 15px;
    border-collapse: collapse;
    width: 90%;
    margin-left: 5%;
    color:#96c2db;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

td, th {
    text-align: center;
    padding: 8px;
}

tr {
    background-color: #222e4b;
}

tr:nth-child(even) {
    background-color: #1d273f;
}

tr:hover {
    background-color:#2c3c61;
}

tr:first-child {
    background-color:#182035;
    color:#ddf;
}

body {
    margin:0;
    background-color:#0e1320;
    padding-bottom: 1%;
    padding-top:30px;
    width:100%;
}

#header {
    width:90%;
    margin: 0 auto;
    height:auto;
    background-color:#090c16;
    padding-bottom: 30px;
    padding-top: 20px;
}

#title {
    color:#8ae09f;
    font-size: 400%;
    text-align: center;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}
p {
    color:#8ae0e0;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align:center;
    font-weight:1;
}

#myChart {
    background-color:#151c2e;
    /* background-color:#1c263f; */
    width:500px;
    height:400px;
}

.canvas {
    margin-left:  auto;
    margin-right: auto;
    margin-top: 15px;
    width:90%;
    height:500px;
    display:flex;
    justify-content: center;
    position: relative;
}

.text {
    font-size:19px;
}

.old {
    color: #6d8896;
}



@media (max-device-width: 480px){
    table {
        font-size: 30px;
        margin:0;
        width:100%;
    }
    .canvas {
        width:100%;
        margin-top:10px;
        margin:0;
        height:1800px;
    }
    #header {
        margin:0;
        width:100%;
    }

    .text {
        width:100%;
        font-size:30px;
    }
  }