@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap');

* {
    margin: 0;
    box-sizing: border-box;
    justify-content: center;
}

#particles-js {
    background: linear-gradient(0deg, #000, #0D1017);
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

#particles-js canvas{
    position: absolute;
    z-index: 1;
}

#particles-js .heroText {
    font-family: 'JetBrains Mono', monospace;
    color: #FCFCFC;
    z-index: 2
}

a {color: #999}
a:hover {color: #CCC}

@media (min-width: 1000px) {
    #particles-js .heroText {width: 50%}
}
@media (max-width: 1000px) {
    #particles-js .heroText {padding: 0 10px}
}
@media (max-height: 900px) {
    #particles-js .heroText {font-size: 97%}
    #particles-js .heroText .links{display: none}
    #particles-js .heroText .linksMobile{display: inline}
}
@media (max-height: 600px) {
    #particles-js .heroText {font-size: 85%}
    #particles-js .heroText .links{display: none}
    #particles-js .heroText .linksMobile{display: inline}
}

.table-wrapper {
    margin:0 auto;
    overflow-x:scroll;
    width:auto;
    scrollbar-width:thin;
    scrollbar-color:#444 #0000
}
.table-wrapper>table {
    margin:0 auto
}
table,
th,
td {
    border-bottom:1px solid #333;
    border-collapse:collapse;
    padding:4px 2px
}

.cntr {
    margin-left: auto;
    margin-right: auto;
}