.bigTable{
    margin-left: auto;
    margin-right: auto;
    border-spacing: 0px;
    height: 95%;
}
.leftBlock{
    width: 35%;
    height: 100%;
    border-spacing: 0px;
}
.middleBlock{
    width: 30%;
    height: 100%;
    border-spacing: 0px;
}
.rightBlock{
    width: 35%;
    height: 100%;
    border-spacing: 0px;
}
.soundTable{
    width: 100%;
    height: 100%;
    border-spacing: 0px;
}
.soundCell{
    width: 33%;
    height: 33%;
    border-spacing: 0px;
}
.soundImage{
    width: 100%;
    height: 100%;
    border-spacing: 0px;
}
.soundImage:hover{
    transform: scale(0.8);
}
.linkIconsTable{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 0px;
}
.linkIcon{
    width: 20%;
    height: 20%;
    margin-left: 40%;
    margin-right: 40%;
    text-align: center;
}
.linkIcon:hover{
    transform: scale(0.8);
}
.grungy-heading {
    font-family: 'Courier New', monospace;
    font-size: 500%;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  }  
h1 {
    color: white;
    font-size: 500%;
    font-family: 'YourCoolFont', sans-serif;
    text-align: center;
}
body {
    background-image: url('background.gif');
    background-size: cover;
    background-repeat: no-repeat;      
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    max-height: 1000px;
    overflow-y: auto;
  }
#image-container {
  position: relative;
}
#text-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  outline: black;
  color: white;
  text-align: center;
}