/**
    The main css of the root page
 */

/* the top links */
.topLinks {
    font-size: 20px;
    padding-right: 30px;
    color: rgb(58, 58, 58);
    text-decoration: none;
    font-family: 'ZCOOL KuaiLe', cursive;


}

.topLinks:hover {

    color: rgb(28, 57, 24);
    text-shadow: 2px 2px rgb(160, 153, 162);
}

/* the main advertising table */
.mainPubTable {
    padding-top: 3px;
    padding-left: 80px;
    height: 99%;
}


/* the advertising divs */
#coverPub1 {
    background: url("/static/MainPage/img/pub1.jpeg") no-repeat center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
}

#coverPub1Div {
    width: 30%;
}

#coverPubAllBut1Div {
    width: 70%;
}

#advertisingHalf {
    width: 50%;
}


.coverPub50 {
    width: 100%;
    height: 50%;
"
}

#coverPubDivSecond {
    width: 50%;
    text-align: left;
    vertical-align: top;
}

.advertisingText {
    padding: 50px;
}

#coverPub2 {
    background: url("/static/MainPage/img/pub2.jpeg") no-repeat center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
}

#coverPub4 {
    background: url("/static/MainPage/img/pub3.jpeg") no-repeat center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
}

#coverPub3 {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    left: 0;
    top: -4px;
    background-color: rgb(255, 255, 255);

}

/* the login icons */
.iconTopMenu {
    width: 20px;
    display: inline-block;
    position: relative;
    top: 3px;
}