@media screen { p { padding-left: 0.5rem; padding-right: 0.5rem; } p a { text-decoration: none; color: cyan; } p a:hover { color: magenta; } h2, h3 { padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 0; margin-bottom: 0; } figure { display: flex; align-items: center; justify-content: center; flex-flow: column wrap; margin: 0; padding: 0; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: bold; } figcaption { text-align: center; } section.keywords { display: flex; flex-flow: row wrap; justify-content: left; } section.keywords h3 { padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 0; margin-bottom: 0; } section.keywords ul { display: flex; list-style: none; flex-flow: row wrap; } section.keywords ul li { padding-right: 2rem; text-shadow: 2px 2px 7px #d1b6f7 ; font-weight: bold; font-style: italic; } } @media screen and (min-width: 300px) and (orientation: portrait) { } @media screen and (min-width: 600px) and (orientation: landscape) { } @media screen and (min-width: 1200px) { figure { padding: 0.5rem; } figure.pic1 { float: left; } figure.pic2 { float: right; } figure.pic3 { float: left; } figure.pic4 { float: right; } }