Christmas updates tab #1 STYLE

#updates1 {
    width: 25px;
    height: 25px;
    font-family: indie flower; /*Change font here*/
    margin-left: 10px;
    margin-top: 10px;
    position: fixed;
    overflow:hidden;
    z-index:1;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;

}

#updates1:hover {
    width: 210px;
    height: 168px; /*Increase height for more text rows here*/
    z-index: 1;
    background: #ffffff;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;

}


#updates2 {
    width: 25px;
    height: 25px;
    font-family: indie flower;
    margin-left: 10px;
    margin-top: 36px;
    position: fixed;
    overflow:hidden;
    z-index:2;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}

#updates2:hover {
    width: 210px;
    height: 168px; /*Increase height for more text rows here*/
    margin-top: 10px;
    background: #ffffff; /*Change background color here*/
    z-index: 2;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}

#updates3 {
    width: 25px;
    height: 25px;
    font-family: indie flower;
    margin-left: 10px;
    margin-top: 62px;
    position: fixed;
    overflow:hidden;
    z-index:3;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}

#updates3:hover {
    width: 210px;
    height: 168px; /*Increase height for more text rows here*/
    margin-top: 10px;
    background: #ffffff; /*Change background color here*/
    z-index: 3;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}

#updates4 {
    width: 25px;
    height: 25px; /*Increase height for more text rows here*/
    font-family: indie flower;
    margin-left: 10px;
    margin-top: 88px;
    position: fixed;
    overflow:hidden;
    z-index:4;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}

#updates4:hover {
    width: 210px;
    height: 168px;
    margin-top: 10px;
    background: #ffffff; /*Change background color here*/
    z-index: 4;
    -webkit-transition: opacity 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}


    .inside {
    width: 110px;
    padding-left: 48px;
    padding-top: 0px;
    font-family: indie flower;
    font-size: 9px;
    line-height: 150%;
    color: #5a5a5a; /*Change text color here*/
    background-color: solid #ffffff; /*Change text background color here*/
    letter-spacing: .8px;
    text-align: center;
    padding-bottom:1000px;
    opacity: 1;
    -webkit-transition: opacity 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}