/* 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;}
footer   	{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:100vh;}
header    	{margin:0; padding:2.5vh 1vw; width:98vw;}
main    	{margin:1.5vh 1vw; width:96vw;}
figure		{margin:0; padding:0; width:400px;}
img			{margin:0; padding:0; width:400px; height:300px;}
article    	{margin:0; padding-left:1vw;}
ul        	{margin:0; padding:0; margin_left:1vw}
li        	{margin-left:3vw;}
footer  	{margin:auto 1vw 1vh 1vw; width:96vw; height:7vh; column-gap:0.75vw;}
p.right     {margin:0 0 0 auto; padding-top:2vh;}
button  	{margin:0; padding:0; width:8vw; height:5vh;}

/* fonts and colors.  Scale all fonts based on viewport vmin size */
header   	{font-size:5vmin;}
article    	{font-size:4vmin;}
footer  	{font-size:3vmin;}
p.right     {font-size:2vmin;}
button  	{font-size:3vmin;}
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}
button		{background-color:light-dark(Silver,#505050)}
a			{color:light-dark(Blue,Aqua);}
    
/* Other attributes */
ul.nobullet {list-style-type:none;}
button		{border-radius:2vmin; text-align:center;}
figcaption	{text-align:center;}