/* World Flags Instructions stylesheet */ 


/* topBanner & bottomBanner ONLY NEEDED IN APP */
/* space for topBanner */
/*
	html {
  		scroll-padding-top: 50px; 
	}

 	.topBanner {
  		position: fixed;
  		top: 0;
  		left: 0;
		width: 100%;
		height: 35px;
		background-color: white;
		padding-top: 10px;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
		z-index: 1000;
	}

	.bottomBanner {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 45px;
		background-color: white;
		z-index: 1000;
	}
*/

	.index {
		width: 60%;
		max-width: 300px;
		margin: auto;
	}

	.index li {
		margin-bottom: 6px;		/* more space for phones */
	}

	.logo_container {
		width: 100%;
	/*	padding-top: 45px;	*/	/* ONLY WITH topBanner IN APP */
		padding-bottom: 20px;
	}

    .logo {
		position: absolute;
  		left: 10px;
		border-style: none;
        width: 80px;
    }

	.icon {
		width: 64px;
		height: 64px;
	}

	h1 {
    	font-size:18px;
		text-align: center;
  	}

	img {
  		display: block;
  		margin-left: auto;
  		margin-right: auto;
	}

	.button-images {
	margin: auto;
	width: 200px;
	display: flex;
	/* justify-content: space-between; */
	gap: 20px;
	align-items: center;
	}
		
	.button-images .img {
		width: 46p;
		height: 46px;
	}
	
	.button-img {
		border-style: none;
	}

	.input-img {
		border-style: solid;
		border-width: 1px;
	}

    p { 
		line-height: 115%; 
		margin-bottom: 0.25cm; 
		background: transparent 
	}

    .spacer1 {
        width: 64px; 
        display: inline-block;
    }

	.copyright {
		text-align:center;
		font-size: 11px;
	}