/*************************************************************/
/*************************************************************/

html { min-width: 360px; }

body { font-size: 12pt; background: #505050; margin: 0 15px; text-align: center; color: #F0F0F0; }

p { margin-top: 15px; }

a { color: #F0F0F0; }
	
/*************************************************************/
/*************************************************************/

h1 { padding: 30px 0 15px 0; margin: 0; text-align: center; }
h2 { padding-top: 15px; margin: 0; cursor: pointer; }

blockquote > p { text-align: center; }

hr { width: 100%; height: 1px; background: #F0F0F0; margin-top: 15px; }

/*************************************************************/
/*************************************************************/

.vector-graphics { display: grid; grid-template-columns: repeat(auto-fit, minmax(302px, 1fr)); column-gap: 30px; row-gap: 30px; margin: 15px 0; }

.vector-graphics > p { display: contents; }

.vector-graphics > p > img[src$=".svg"] { width: 300px; border: solid 1px #202020; outline: 1px solid #F0F0F0; margin: 0 auto; }

/*************************************************************/
/*************************************************************/