body {
    color:rgba(255, 255, 255, 0.7);
    font-family:'Courier New', Courier, monospace;
}

a:link {
    color:rgba(255, 255, 255, 0.7);
    text-decoration:none;
}

a:link:hover {
    color:rgba(255, 255, 255, 1);
    text-decoration:underline;
}

a:visited {
    color:rgba(255, 255, 255, 0.5)
}

#content {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    max-width:600px;
    max-height:550px;
    width:100%;
    height:100%;
}

.link {
    font-size:2em;
}

.link:hover {
    cursor:pointer;
    color:rgba(255, 255, 255, 1);
    text-decoration:underline;
}

.hidden {
    visibility:hidden;
}

.text {
    font-size:1.5em;
}

#info {
    position:absolute;
    top:0px;
    height:500px;
}

#listen {
    position:absolute;
    top:0px;
    height:500px;
}

#stems {
    position:absolute;
    top:0px;
    height:500px;
}

.back {
    position:absolute;
    bottom:0px;
    font-size:1.75em;
}

.back:hover {
    cursor:pointer;
    color:white;
    text-decoration:underline;
}

.title {
    font-size:2em;
}