*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root{
    --grey-header-bg: #E9E9F2;
    --orange-gradient-bg: linear-gradient(180deg, var( --e-global-color-accent ) 0%, var( --e-global-color-df1d72e ) 100%);
    --blue-header-bg: #1D1355;
    --white-color: #fff;
    --color-text: #252525;
    --color-sub-text: #707070;
    --default-font: "Merriweather", Sans-serif;
}

html{
    font-family: var(--default-font);
}

/* HEADER */
.oldHeader{
    display: flex;
    width: 100%;
    padding: 8px;
    background-color: var(--grey-header-bg);
}
.oldHeader .headerContainer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}
.oldHeader .headerContainer .logoSite img{
    width: 100%;
    max-width: 150px;
}
.oldHeader .headerContainer span{
    cursor: pointer;
    padding: 8px;
    background-color: #fff;
    border-radius: 100%;
}
.oldHeader .headerContainer span i{
    font-size: 18px;
}

/* NEWS */
.newsBox{
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    display: flex;
    margin-top: 10px;
    margin-bottom: 50px;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
}

.newsBox .newsContainer{
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;
    display: flex;
    align-items: flex-end;
    text-decoration: none;
    position: relative;
    transition: .3s all ease-in-out;
    flex-wrap: wrap;
    flex: 1 1 auto;
}

.newsBox .newsContainer:hover{
    box-shadow: rgba(0, 0, 0, 0.44) 0px 3px 8px;
}
.newsBox .newsContainer .contentBox{
    color: var(--color-text);
    position: relative;
    z-index: 9;
}
.newsBox .newsContainer .contentBox .dateBox{
    font-size: 8px;
    font-weight: bold;
    letter-spacing: 1px;
}
.newsBox .newsContainer .contentBox .dateBox span{
    margin-right: 5px;
}
.newsBox .newsContainer .contentBox .titleBox h2{
    font-size: 21px;
    font-weight: 800;
}
.newsBox .newsContainer .contentBox .subTitleBox p{
    font-size: 12px;
    letter-spacing: 1px;
}