#news {

    padding-bottom: 70px;

    width: 100%;

    justify-items: center;

    text-align: center;

    margin-top: -20px;

}



.news-container {

    width: 100%;

    display: flex;

    flex-direction: column-reverse;

    align-items: center;

    justify-content: center;

    row-gap: 10px;

}



.news-title {

    width: 100%;

    justify-items: center;

}



.news-title h1 {

    width: 60%;

    font-size: 2.5rem;

    border-bottom: 2.5px white solid;

    border-bottom-left-radius: 8%;

    border-bottom-right-radius: 8%;

    color: #FF4000;

    padding: 20px 0 20px 0;

    margin-bottom: 70px;

    margin-left: auto;

    margin-right: auto;

}





/* Dates of the news REVERSED */



/* 111111111111111111 */



.news-item-1::before {

    content: "15/01/2022";

    place-self: center;

    position: absolute;

    transition: all 0.6s ease;

    font-size: xx-large;

    font-family: 'Franklin Gothic Medium';

    letter-spacing: 10px;

    color: #FF4000;

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #0a0a0acc 50%,

            #1f1f1f00 75%);

    padding: 20px;

    border-radius: 47%;

}



.news-item-1:hover::before {

    content: "15/01/2022";

    opacity: 1;

    transform: translateY(-240%);

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #c5c4c4 50%,

            #1f1f1f00 75%);

}



/* 2222222222222 */



.news-item-2::before {

    content: "29/11/2021";

    place-self: center;

    position: absolute;

    transition: 0.6s ease;

    font-size: xx-large;

    font-family: 'Franklin Gothic Medium';

    letter-spacing: 10px;

    color: #FF4000;

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #0a0a0acc 50%,

            #1f1f1f00 75%);

    padding: 20px;

    border-radius: 100%;

}



.news-item-2:hover::before {

    content: "29/11/2021";

    opacity: 1;

    transform: translateY(-240%);

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #c5c4c4 50%,

            #1f1f1f00 75%);

}



/* 3333333333333 */



.news-item-3::before {

    content: "15/05/2021";

    place-self: center;

    position: absolute;

    transition: 0.6s ease;

    font-size: xx-large;

    font-family: 'Franklin Gothic Medium';

    letter-spacing: 10px;

    color: #FF4000;

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #0a0a0acc 50%,

            #1f1f1f00 75%);

    padding: 20px;

    border-radius: 100%;

}



.news-item-3:hover::before {

    content: "15/05/2021";

    opacity: 1;

    transform: translateY(-240%);

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #c5c4c4 50%,

            #1f1f1f00 75%);

}



/* 4444444444 */



.news-item-4::before {

    content: "31/01/2021";

    place-self: center;

    position: absolute;

    transition: 0.6s ease;

    font-size: xx-large;

    font-family: 'Franklin Gothic Medium';

    letter-spacing: 10px;

    color: #FF4000;

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #0a0a0acc 50%,

            #1f1f1f00 75%);

    padding: 20px;

    border-radius: 100%;

}



.news-item-4:hover::before {

    content: "31/01/2021";

    opacity: 1;

    transform: translateY(-240%);

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #c5c4c4 50%,

            #1f1f1f00 75%);

}



/* 5555555555555555 */



.news-item-5::before {

    content: "29/11/2020";

    place-self: center;

    position: absolute;

    transition: 0.6s ease;

    font-size: xx-large;

    font-family: 'Franklin Gothic Medium';

    letter-spacing: 10px;

    color: #FF4000;

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #0a0a0acc 50%,

            #1f1f1f00 75%);

    padding: 20px;

    border-radius: 100%;

}



.news-item-5:hover::before {

    content: "29/11/2020";

    opacity: 1;

    transform: translateY(-240%);

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #c5c4c4 50%,

            #1f1f1f00 75%);

}



/* 66666666666666 */



.news-item-6::before {

    content: "31/01/2020";

    place-self: center;

    position: absolute;

    transition: 0.6s ease;

    font-size: xx-large;

    font-family: 'Franklin Gothic Medium';

    letter-spacing: 10px;

    color: #FF4000;

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #0a0a0acc 50%,

            #1f1f1f00 75%);

    padding: 20px;

    border-radius: 100%;

}



.news-item-6:hover::before {

    content: "31/01/2020";

    opacity: 1;

    transform: translateY(-240%);

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #c5c4c4 50%,

            #1f1f1f00 75%);

}



/* 777777777777777777 */



.news-item-7::before {

    content: "22/02/2019";

    place-self: center;

    position: absolute;

    transition: 0.6s ease;

    font-size: xx-large;

    font-family: 'Franklin Gothic Medium';

    letter-spacing: 10px;

    color: #FF4000;

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #0a0a0acc 50%,

            #1f1f1f00 75%);

    padding: 20px;

    border-radius: 100%;

}



.news-item-7:hover::before {

    content: "22/02/2019";

    opacity: 1;

    transform: translateY(-240%);

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #c5c4c4 50%,

            #1f1f1f00 75%);

}



/* 88888888888888888 */



.news-item-8::before {

    content: "31/01/2019";

    place-self: center;

    position: absolute;

    transition: 0.6s ease;

    font-size: xx-large;

    font-family: 'Franklin Gothic Medium';

    letter-spacing: 10px;

    color: #FF4000;

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #0a0a0acc 50%,

            #1f1f1f00 75%);

    padding: 20px;

    border-radius: 100%;

}



.news-item-8:hover::before {

    content: "31/01/2019";

    opacity: 1;

    transform: translateY(-240%);

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #c5c4c4 50%,

            #1f1f1f00 75%);

}



/* 99999999999999999 */



.news-item-9::before {

    content: "30/04/2018";

    place-self: center;

    position: absolute;

    transition: 0.6s ease;

    font-size: xx-large;

    font-family: 'Franklin Gothic Medium';

    letter-spacing: 10px;

    color: #FF4000;

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #0a0a0acc 50%,

            #1f1f1f00 75%);

    padding: 20px;

    border-radius: 100%;

}



.news-item-9:hover::before {

    content: "30/04/2018";

    opacity: 1;

    transform: translateY(-240%);

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #c5c4c4 50%,

            #1f1f1f00 75%);

}



/* 10 10 10 10 10 10 10 */



.news-item-10::before {

    content: "31/01/2018";

    place-self: center;

    position: absolute;

    transition: 0.6s ease;

    font-size: xx-large;

    font-family: 'Franklin Gothic Medium';

    letter-spacing: 10px;

    color: #FF4000;

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #0a0a0acc 50%,

            #1f1f1f00 75%);

    padding: 20px;

    border-radius: 100%;

}



.news-item-10:hover::before {

    content: "31/01/2018";

    opacity: 1;

    transform: translateY(-240%);

    background: linear-gradient(0deg,

            #1f1f1f00 25%,

            #c5c4c4 50%,

            #1f1f1f00 75%);

}









/* Containers  */



.news-item-container {

    position: relative;

    height: 100px;

    width: 100%;

    display: flex;

    transition: all 0.6s ease;

    justify-content: space-evenly;

    align-items: center;

    background: #1f1f1f85;

    /* background: linear-gradient(

        0deg,

        #0000003d 5%, 

        #1f1f1f85 15%,

        #1f1f1f85 80%,

        #00000069 90% 

      ); */

    padding: 20px 0 20px 0;

    overflow: hidden;

}



.news-item-container:hover {

    /* background: rgba(0, 0, 0, 0); */

    background: linear-gradient(

        0deg,

        #0000003d 5%, 

        #0a0a0a00 15%,

        #0a0a0a00 80%,

        #00000069 90% 

      );

    height: 380px;

}



.news-item-container:hover .news-item {

    opacity: 1;

}



.news-item {

    height: 100%;

    width: 100%;

    display: flex;

    justify-content: center;

    gap: 150px;

    opacity: 0;

    transition: 0.3s ease-in-out;

}



.news-image {

    height: 100%;

    width: 30%;

    align-content: center;

}



.news-image img {

    width: 100%;

    max-width: fit-content;

    height: 100%;

    max-height: fit-content;

    object-fit: contain;

    box-shadow: 6px 6px 18px rgba(214, 92, 55, 0.5);

}



.news-text {

    min-width: 600px;

    width: 600px;

    text-align: right;

    align-content: center;

    font-size: larger;

    line-height: 1.5em;

}



.news-text h2 {

    color: #FF4000;

    padding-bottom: 10px;

}



.news-text-right {

    text-align: left;

}