/* CSS Document */body{    background-color: black;    position: relative;    width:1024px;    height:780px;    margin: auto;}.container{    position: absolute;    left: 0px;    top: 0px;    height: 780px;    width: 1024px;    display: block;    overflow: hidden;    background-color: cadetblue;}.compatibility{    position: absolute;    top: 0px;    left: 0px;    margin-left: 100px;    font-size: x-small;    z-index: 5;}.soundControl{    position: absolute;    top: 0px;    left: 0px;    z-index: 6;}.content{    position: absolute;    top: 0px;    left: 376px;    height: 100%;    width: 100%;    display: block;    border-style: none;}.contentBackground{    position: absolute;    top: 0px;    left: 376px;    height: 100%;    width: 100%;    display: block;    border-style: none;}#contentFrame{    top: 0px;    left: 0px;    width: 648px;    height: 780px;
}.logicBoard{    position: absolute;    top: 0px;    left: 0px;    height: 780px;    width: 648px;}#logicBoardLight{    position: absolute;    top: 0px;    left: 0px;    height: 780px;    width: 648px;    -webkit-transition: opacity ease-in-out 0.2s;    -moz-transition: opacity ease-in-out 0.2s;    -o-transition: opacity ease-in-out 0.2s;}#logicBoardLight.hidden{    opacity: 0.0;}#logicBoardLight.showing{    opacity: 1.0;}nav {    position: absolute;    top: 0px;    left: 0px;    width: 376px;    height: 100%;    background-color: cadetblue;    background-image: url("../images/navigation.png");    background-attachment: scroll;    background-position: top left;    background-repeat: no-repeat;    text-align: center;    z-index: 1;}nav button{    position: relative;    top: 100px;    margin-left: -194px;    border-style: none;    background-color: transparent;    font-size: 36px;    font-weight: bolder;    font-family: Verdana,Arial,Helvetica,sans-serif;    color: hsla(260, 100%, 75%, 0.63);    -webkit-text-stroke-color: hsla(0, 0%, 75%, 0.75);    -webkit-text-stroke-width: 2px;    -webkit-transition: color ease-in-out 1.0s, -webkit-text-stroke-color ease-in-out 0.5s;    -moz-transition: color ease-in-out 1.0s, -webkit-text-stroke-color ease-in-out 1s;    -o-transition: color ease-in-out 1.0s, -webkit-text-stroke-color ease-in-out 1s;}nav button:hover{    color: hsla(260, 100%, 100%, 1.0);    -webkit-text-stroke-color: hsla(0, 0%, 0%, 1.0);}#navLink-1{    /*top: 100px;    left: -25px;*/    z-index: 4;}#navLink-2{    /*top: 340px;    left: -10px;*/    z-index: 4;}#navLink-3{    /*top: 610px;    left: 13px;*/    z-index: 4;}#lightning{    position: absolute;    top: 0px;    left: 0px;    height: 780px;    width: 376px;    z-index: 2;    -webkit-transition: opacity ease-in-out 0.5s;    -moz-transition: opacity ease-in-out 0.5s;    -o-transition: opacity ease-in-out 0.5s;}#lightning.hidden{    opacity: 0.0;}#lightning.showing{    opacity: 1.0;}#lightningFull{    position: absolute;    top: 0px;    left: 0px;    height: 780px;    width: 376px;    z-index: 3;    -webkit-transition: opacity ease-in-out 0.2s;    -moz-transition: opacity ease-in-out 0.2s;    -o-transition: opacity ease-in-out 0.2s;}#lightningFull.hidden{    opacity: 0.0;}#lightningFull.showing{    opacity: 1.0;}@-webkit-keyframes pulse{}.pulse{    -webkit-animation-name: pulse;    -webkit-animation-duration: 1s;    -webkit-animation-iteration-count: 1;    -webkit-animation-timing-function: ease-in-out;    -webkit-animation-direction: alternate;}