body {
    margin: 5%;
/*    background: radial-gradient(circle, rgb(2,100,200) 0%, rgb(118,100,200) 50%, rgba(200,100,200) 100%);*/
    background: radial-gradient(circle, hsl(210 98% 19.6%) 0%, hsl(251 47.6% 38.8%) 50%, hsl(300 47.6% 38.8%) 100%);
    color: #BCF;  
}
h1, h2 {
    color: #EEE;
}
a {
    text-decoration: none;
    color: #FFF;
    font-weight:bold;
}
a:hover {
    text-decoration: underline;
}
img {
    width: 300px;
}
.flex {
    display: flex;
    flex-wrap: wrap;
}
figure {
    width: 300px;
    margin-left: 0;
    /*display: inline-block;*/
    position: relative;
}
figure figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: black;
    color: white;
    padding: 0.25em;
}
.news {
    background:  black;
    padding:  1em;
}

details[open] {
    width: 32em;
}