main.css

body {
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
}
a {
    outline: none
}
.content{
    margin: 0px;
    padding:10px;
/*
    background:#ff0000;
    */
    text-align: center;
    z-index: -1;
}
.credits h4{
    padding:0;
    margin: 0;
}
.credits {
    background-color:#3b3933;
    padding-bottom: 10px;
    padding:1px;
    position: fixed;
    width: 100%;
}
.close {
    top: 100vh;
}
.open {
    bottom: 0px;
}
.header {
    position: sticky;
    top: 0px;
}
.content p {
    padding: 10px;
}
.onebox {
    max-width: 300px;
    min-width: 200px;
    display: inline-block;
    text-align: left;
}
.onebox span {
    color: #ffffff00;
    background-color: rgba(26, 26, 26, 0.212);
}
.onebox span:active {
    color: #ffffff00;
    background-color: rgba(26, 26, 26, 0.212);
}
.debug {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 100;
}
#logo img {
    max-height: 200px;
    height: 10vw;
}
/*
.logowrapper   {
    height: 100vh;
}*/