@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');


body{
    background-color: #4f8b69;
    background-image: url("images/bg_image.jpg");
    background-size: 128px 128px;
    max-width: 1000px;
    margin: auto;
}

.bg_fade{
    background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.26), transparent, rgba(0, 0, 0, 0.26) );
    background-size: 100vw 100vh;
}

.header{
    /* background-color: #74be94; */
    
    position: relative;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.418);
    border-radius: 0px 0px 10px 10px;
   
}
.header_image_array{
    display: grid;
    grid-template-columns: auto auto auto;
    background-image: linear-gradient(#74be94, #558d6e);
}
.header_title{
    height: 150px;
    margin: auto;
}

.header_logo{
    height: 100px;
    margin: auto;
}

.navbar{
    display: flex;
    background-image: linear-gradient(#558d6e, #74be94);
    border-radius: 0px 0px 10px 10px;
}
.nav_button{
    /* background-image: linear-gradient(#4f8b69, #74be94); */
    padding: 10px;
    font-family: "Rajdhani", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
}
.nav_button:hover{
    background-image: linear-gradient(transparent, #96dfb5);
    cursor: pointer;
    border-radius: 0px 0px 10px 10px;
}
.nav_button_filler{
    width: 100%;
    /* background-image: linear-gradient(#4f8b69, #74be94); */
    padding: 10px;
}

.category{
    font-family: "Rajdhani", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 30px;
    margin-top: 50px;
    text-shadow: 0px 2px 5px black;
    color: #96dfb5;
}

.last_news{
    background-color: #74be94;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.418);
}

.front_news_title{
    font-family: "Rajdhani", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 30px;
    background-color: #a9ebc5;
    border-radius: 10px;
    padding: 5px 10px;
}

.front_news_meta{
    display: flex;
    margin: 5px 0px;
}

.news_meta_separator{
    margin: 0px 10px;
}

.front_news_summary{
    font-family: "Rajdhani", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
}