#featured-article{
    display: flex; flex-direction: column; 
    position: absolute; box-sizing: border-box; height: 100%; width: 100%;
    padding: 2rem;
    color: var(--font-color-light);
}
#featured-article > h1, #featured-article > div{
    display: flex; flex-direction: column;
    border-radius: 1rem; background-color: #00000080; 
    padding: 1rem; margin-left: 0; margin-top: 0;
    box-sizing: border-box;
}
#featured-article > h1{

}
#featured-article > div{
    height: 100%;
}
#featured-article > div > p{
    margin: 0.5rem;
}
#featured-article-open{
    display: flex; margin: 0; margin-top: auto; height: 2rem;
}
#featured-article-open > a{
    display: flex; margin: auto; margin-right: 0;
    text-decoration: none; color: var(--font-color-light); font-weight: 600;
    border: 0.15rem solid var(--font-color-light); 
    padding: 0.3rem 0.8rem; border-radius: 1rem;
}
#featured-article-open > a > span{
    display: flex; align-items: center; margin-left: 0.3rem;
}

@media only screen and (max-width: 54rem){
	#featured-article{
	    border-radius: 0; padding: 0;
	}
	#featured-article > h1, #featured-article > div{
	    border-radius: 0.5rem; padding: 0.5rem; margin: 0.5rem;
	}
}