html, body {
    background: white;
    width: 100%;
    height: 100%;
    margin: 0;
    color: #555555;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size:12px;
    z-index: -100;
}
body {
}
#index-content {
    pointer-events:  none;
    position: relative;
    width: 640px;
    display: block;
    max-width: 100%;
    height: 100%;

    /* centre vertically and horizontally */
    margin-left: auto;
    margin-right: auto;
}
#index-content .logo,
#index-content .text,
#index-content .leftlink,
#index-content .rightlink {
    display: block;
    position: absolute;
    pointer-events: auto;
}
#index-content .logo {
    left: 7%;
    right: 7%;
    top: 32%;
    height: auto;
    z-index: 1;
    width: 86%;
    transform: translateY(-77%);
}
.noodles {
    bottom: 5px;
    top: 32%;
    left: 4%;
    right: 4%;
    position: absolute;
    overflow: visible;
}
.noodles, .noodles svg, g {
    overflow: visible;
}
#index-content .text {
    top: 20%;
    left: 20%;
    z-index: 1;
}
#index-content .leftlink,
#index-content .rightlink {
    top: 75%;
    width: auto;
    height: 4.2%;
    height: auto;
}
#index-content .leftlink > a,
#index-content .rightlink > a,
#index-content .leftlink > a > img,
#index-content .rightlink > a > img{
    display: block;
    width: 100%;
    height: auto;
}
#index-content .leftlink {
    right: 70%;
}
#index-content .rightlink {
    left: 70%;
}
a:link {
    color: #222200;
    text-decoration: none;
}
a:visited {
    color: #222200;
    text-decoration: none;
}
a:hover {
    color: #222200;
    text-decoration: underline;
}