body {
    font-family: Inter,sans-serif,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif!important;
    background: radial-gradient(black 15%,transparent 16%) 0 0,radial-gradient(black 15%,transparent 16%) 8px 8px,radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 0 1px,radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 8px 9px;
    background-color: #1d1d1d;
    background-size: 16px 16px;
    margin:0;
    padding:30px 0;
    color:#ffffff;
}
a, a:link, a:visited, a:hover, a:active{
    color: #ffffff;
}
a{
    text-decoration:none;
}
a:hover {
    text-decoration: underline;
}
table{
    width:100%;
    background:#ffffff;
}
table, th, td {
    border:1px solid #000000;
    border-collapse: collapse;
    font-size:12px;
}
th {
    border:1px solid #000000;
    border-collapse: collapse;
    font-size:14px;
    color:#000000;
    background:#cccccc;
    font-weight:bold;
    height:36px;
    min-width:50px;
}
th, td {
    padding:5px;
}
td{
    color:#000000;
    text-align:center;
}
.main{
    margin:20px auto;
    padding:0;
    max-width:1600px;
    overflow:hidden;
    text-align:center;
    font-size: 1.5em;
}
.hplinks{
    width:100%;
    text-align:center;
    overflow:hidden;
    display:flex;
    justify-content:center;
}
.hplinks a{
    display:block;
    float:left;
    margin:5px 10px;
    padding:2px;
}
.gSheet{
    margin:10px auto;
    padding:0;
    width:100%;
    overflow:hidden;
}
.gSheet iframe{
    width:100%;
    height:800px;
}