#ship-map {
    background-image: url('../img/shipBackground.png');
    width: 960px;
    height: 600px;
    top: 0;
    left: 0;
    position: absolute;
}

#menu {
    float: right;
}
#functionality{
    position: absolute;
    left: 300px;
}
.timerLabel {
    font-size: 12px;
}

.timerCountdown {
    font-size: 48px;
    line-height: 0.75;
}
.block {
    display: block;
}
#ship {
    left: 160px;
    width: 322px;
    height: 300px;
    position: relative;
}
.overlayAlarm {
    width: 190px;
    height: 190px;
    background-size: contain;
    position: absolute;
    z-index: 1000;
}


.blueRoom {
    background-image: url('../img/blueRoom.png');
}
.redRoom {
    background-image: url('../img/redRoom.png');
}
.yellowRoom {
    background-image: url('../img/yellowRoom.png');
}
.greenRoom {
    background-image: url('../img/greenRoom.png');
}
.violetRoom {
    background-image: url('../img/violetRoom.png');
}

.violetCentralRoom {
    background-image: url('../img/violetCentral.png');
}
.greenCentralRoom {
    background-image: url('../img/greenCentralRoom.png');
}
.blueCentralRoom {
    background-image: url('../img/blueCentralRoom.png');
}
.yellowCentralRoom {
    background-image: url('../img/yellowCentralRoom.png');
}
.redCentralRoom {
    background-image: url('../img/redCentralRoom.png');
}
.topRight {
    left: 332px;
    top: 122px;
}
#topRightAlarm {
    transform: rotate(90deg);
}
#bottomLeftAlarm {
    transform: rotate(-90deg);
}
.bottomLeft {
    left: 122px;
    top: 332px;
}

#bottomRightAlarm {
    transform: rotate(180deg);
}
.bottomRight{
    left: 332px;
    top: 332px;
}
.topLeft {
    left: 122px;
    top: 122px;
}
.center {
    left: 227px;
    top: 227px;
}
.text {
    font-family: 'Orbitron', sans-serif;
    z-index: 10;
    color: white;
}
#timer {
    left: 0;
    padding-left: 78px;
    position: absolute;
    top: 2px;
    height: 98px;
    width: 960px;
    background-color: rgba(0,0,0,0.7);
}

#functionalityBar {
    width: 576px;
    height: 36px;
    background-image: url('../img/topBarEmpty.png');
}

#functionalityBarLine {
    width: 572px;
    height: 30px;
    background-image: url('../img/topBar.png');
}

#fixItRalph {
    z-index: 10;
    left: 578px;
    top: 100px;
    width: 382px;
    height: 382px;
    position: absolute;
    font-size: 64px ;
    background-image: url('../img/button--fixit.png');
}

#avatarContainer {
    position: absolute;
    z-index: 10;
    top: 100px;
    width: 200px;
    height: 150px;
    font-size: 24px;
}

#copyContainer {
    display: block;
    position: absolute;
    z-index: 10;
    top: 480px;
    width: 400px;
    height: 150px;
    font-size: 24px;
}

.copyAvatar {
    display: inline-block;
    width: 76px;
    height: 76px;
    z-index: 10;
}
#tradeContainer {
    position: absolute;
    z-index: 10;
    top: 480px;
    left: 600px;
    width: 400px;
    height: 150px;
    font-size: 24px;
}

.character {
    width: 76px;
    height: 76px;
}
#avatarCharacter, #avatarTool {
    width: 76px;
    height: 76px;
}
.avatar1 {
    background-image: url('../img/avatar-1.png');
}

.avatar2 {
    background-image: url('../img/avatar-2.png');
}

.avatar3 {
    background-image: url('../img/avatar-3.png');
}

.avatar4 {
    background-image: url('../img/avatar-4.png');
}

.avatar5 {
    background-image: url('../img/avatar-5.png');
}