:root{
    --accent:#FF845D;
}


body{
    font-family: 'Roboto', sans-serif;
    color:#222;
}


a {
    color:inherit;
    text-decoration:none;
}


.accent{
    color:var(--accent);
}


.btn-accent{
    background:var(--accent);
    color:#fff;
    border-radius:30px;
    padding:.6rem 1.8rem;
}


.btn-accent:hover{
    background:#ff6f40;
    color:#fff;
}


.card-feature{
    border:2px solid rgba(255,132,93,.4);
    border-radius:20px;
    padding:2rem 1.5rem;
    height:100%;
    text-align:center;
}


.card-feature h5{
    color:var(--accent);
    font-weight:600;
}


.news-card{
    border:none;
    border-radius:20px;
    overflow:hidden;
}


.news-date{
    position:absolute;
    bottom:10px;
    left:10px;
    background:var(--accent);
    color:#fff;
    border-radius:20px;
    padding:.25rem .75rem;
    font-size:.8rem;
}


footer{
    background:var(--accent);
    color:#fff;
    padding:3rem 0;
}


footer a {
    color:#fff;
}

footer a:hover {
    text-decoration: underline;
}