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 { margin-bottom: 1em; max-width: 320px; } details[open] { max-width: 320px; } details summary { color: white; font-style: italic; margin-bottom: 1em; } details { color: white; }