/* homepage style.css */




/* fill */

body.fill {
	padding: 15px;
	box-sizing: border-box;
	background: #333;
	#background: #1e1f20;
	color:#ced0d5;

	}

	/* upg: intersting abstract p2p artwork in bg if full screen 
	 * cool if live
	 * and cooler if showing sync progress happening, while you're entering data.
	 */


body.fill main {
	min-height: 100vh;
	}


/* contain */
body.contain {background-color: #38393c; xbackground: #1e1f20; color: #ced0d5;}


body.contain main {
	padding: 25px;
	background: #525458;
	min-height: 100vh;
	}

.about {color: #517499; justify-content: center; padding: 50px;}
.about .options {display: flex; gap: 7px; justify-content: center; margin-bottom: 5px;}
.about .subtext {display: flex; gap: 7px; justify-content: center; font-size: 9px;}
.about .subtext a {font-size: 12px;}




/* .about {text-align: center; padding: 50px;} */


body:not(.show-modal) .show-on-modal {display: none;}
body.show-modal .hide-on-modal {display: none;}

body:not(.loading) .show-on-loading {display: none;}
body.loading .hide-on-loading {display: none;}





@media screen and (min-width: 575px)  {

	body.contain main {
		width: 575px; 
		margin: auto;
		}
	
	}