*{
    margin: 0px;
}

.background{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent linear-gradient(to bottom, #FFF, #9DF);
}

.container{
    height: 540px;
    width: 960px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    top: 75px;
    left: 0;
    right: 0;
    z-index: 99;
}

#title{
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   width: 450px;
}


.container>div{
    position: relative;
    font-size: 3em;
    font-weight: bold;
}

.container>div>div{
    position: absolute;
    background: transparent radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 0%, transparent 70%);
    margin: 0 -20px;
    padding: 0 20px;
    opacity: 0.65;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    transition-property: opacity, transform;
}

.container>div>div:hover{
    background: transparent radial-gradient(ellipse, rgba(0, 0, 255, 0.2) 0%, transparent 70%);
    transform: scale(1.5);
    opacity: 1;
    z-index: 999999;
}

.container>div>div:active{
    background: transparent radial-gradient(ellipse, rgba(0, 0, 150, 0.2) 0%, transparent 70%);
}

#container img{
    width: 64px;
    height: 64px;
    vertical-align:middle;
    margin-bottom: 15px;
}

#container span{
    padding-top: 5px;
}

a{
    color: #000;
    text-decoration: none;
}

#jsnotification{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #000;
    z-index: 999;
    font-weight: bold;
    background: #F00 linear-gradient(to top, #F00, #B00);
}

#jsnotification>div{
    width: 900px;
    margin: 5px auto;
}