body {
    background-image: url('https://megaweenie.com/randStor/pattern.png');
    height: auto + 100px;
    background-attachment: fixed;
    font-family: "Ubuntu Mono", monospace;
}
#totalContainer {
    margin-left: auto;
    margin-right: auto;
}
#header {
    width: 800px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(230, 230, 255, .9);
    display: flex;
    align-content: center;
    border: double 6px #C3F ;
    border-radius: 5px;
}
.hDividerSmall {
    flex-grow: 1;
    flex-grow: 8;
    display: flex;
    align-items: center;
    justify-content: center;;
}
.hDividerBig {
    flex-grow: 8;
    display: flex;
    align-items: center;
    justify-content: center;;
}
#mainChunk {
    width: 900px;
    height: auto;
    outline: dashed 4px #D3F;
    border-radius: 4px;
    background-color: rgba(250, 250, 255, .95);
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: flex;
}
#centerChunk {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    letter-spacing: 5px;
}
.leftChunk {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    border: double 4px red;
    letter-spacing: 3px;
}
.rightChunk {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    border: double 4px red;
    letter-spacing: 3px;
    align-content: center;
}
.leftChunk h2 {
    font-size: 16px;
    font-weight: heavy;
    border-bottom-style: double;
    border-color: red; 
}
#mainChunk a {
    color: #D0F;
    text-shadow: #000 2px 2px, #000 -1px -1px;
    transition: all .5s;
}
#mainChunk a:hover {
    color: #50A;
    text-shadow: #90F 2px 2px, #20F -1px -1px; 
    letter-spacing: 10px;
    transition: all .5s;
}
#soundButton {
    width: 35px;
}
#soundButton:hover {
    cursor: pointer;
}
#floater {
    text-align: center;
    transition: none;
}
#ball {
    width: 75%;
}
#switch {
    width: 135px;
    margin: 10px;
    cursor: pointer;
}
#songCred {
    background-image: url('https://megaweenie.com/rainbow.gif');
    font-weight: bolder;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    -webkit-background-clip: text;
    background-clip: auto;
    text-shadow: 1px 1px #FFF, -1px -1px #FFF;
}
@media screen and (max-width: 7in) { #switch { width: 75px; } #mainChunk a { text-shadow: #000 1px 1px} #mainChunk a:hover { text-shadow: #90F 1px 1px } #header, #header a, #header img { width: 75%; height: auto;} #mainChunk { width: 80%; } #centerChunk { font-size: 2vw; } .leftChunk { font-size: 1.95vw; } .leftChunk h2 { border-width: 4px; }}