/* General Body Styles */
body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

a {
    cursor: pointer;
}

#era-container {
    padding: 20px;
}

#content {
    position: relative;
    margin: 0 auto;
    width: 620px;
    height: calc(100vh - 40px);
    background: url(../img/era-background.png) no-repeat center center;
    background-size: contain;
}



#link-1 {
    top: 0.1%;
    left: 48.2%;
    width: 277px;
}

#link-2 {
    top: 11.1%;
    left: 48.2%;
    width: 310px;
}

#link-3 {
    top: 22.1%;
    left: 48.1%;
    width: 282px;
}

#link-4 {
    top: 32.7%;
    left: 48.2%;
    width: 293px;
}

#link-5 {
    top: 43.6%;
    left: 48.2%;
    width: 333px;
}

#link-6 {
    top: 54.2%;
    left: 48%;
    width: 323px;
}

#link-7 {
    top: 65%;
    left: 48%;
    width: 334px;
}

#link-8 {
    top: 75.6%;
    left: 48%;
    width: 323px;
}

#link-9 {
    top: 86.5%;
    left: 48.1%;
    width: 320px;
}

#link-10 {
    top: 97.2%;
    left: 48%;
    width: 322px;
}

.era-link img {
    width: 100%;
    height: auto;
}

.era-link {
    position: absolute;
    z-index: 100;
}