/* Common look and feel styles for dgadams.net */
/* Author: D. G. Adams */
/* Date: 2025-03-31 */

/* flexbox layout and child alignments*/
body      	{display:flex; flex-direction:column;}
header    	{display:flex; flex-direction:row;}
main    	{display:flex; flex-direction:row;}
    	
/* size, margins, padding  vh,vw relative to viewport, % relative to container*/
/* Note:  important to set body min-height so margin auto works with children */
body		{margin:0; padding:0; min-width:100vw; min-height:96vh;}
header    	{margin:0; padding:4vh 1vw; width:98vw;}
main    	{margin:2vh 1.5vw; width:97vw;}
figure		{margin:0; padding:0; width:400px;}
img			{margin:0; padding:0; width:400px; height:300px;}
article    	{margin:0; padding:0 1vw 0 1vw;}
section		{margin:auto 1.5vw 2vh 1.5vw;}
address		{margin:1vh 2vw;}

/* fonts and colors.  Scale all fonts based on viewport vmin size */
header   	{font-size:6vmin;}
article    	{font-size:3vmin;}
section		{font-size:4vmin;}
html		{color-scheme:light dark;}
html      	{background-color:light-dark(White,#202020);}
html		{color:light-dark(Black,White);}
header		{background-color:light-dark(Blue, Navy); color:Gold}

figcaption	{text-align:center;}