/* 4:18 04.11.2024 */
@import url("Common.css");

body{font-size: 13pt;}
a{text-decoration: none; color: #9a58f8;}
tt{font-family: "Courier New"}

/* grey/black colored page (try range) styling */
.bodytry{font-family: "Segoe UI", Verdana, Tahoma; background-color: #202020; color: #33eeaa;}	/* 9aaa38, */
.accent{border-color: rgb(64, 32, 200);}
.h1try{font-family:"Segoe Print","Segoe Script","Comic Sans MS";font-weight:normal;text-align:center;background-color:#404040;}
.hrtry{height: 1px; border-width: 0; background-color: #404040;}
.buttons{background-color:#404040;color:#33eeaa;border:none;text-align:center;font-size:20pt;padding:8px;width:33%;height:64px;}
.nav-buttons{background-color:#404040;color:#33eeaa;}
.navbar{background-color:#404040;color: #33eeaa;}	/* 849428 */
.navlink{color: #33eeaa;}

.topimg{margin: 2px; float: left;}
.description{width:66%;font-style:italic;}

/* this is exactly like div-navroot-fb, except it doesn't change to "justify-content: center;" on 1300
 * with navroot, we have buttons and image, that change makes it look nice on 1300 and less
 * here, with an image and text block, we want the image went atop not bottom. we just reused what we already had
 */
.top-fb{
	display:	flex;
	flex-direction:	row;
	flex-wrap:	wrap;
	align-content:	center;

	align-items:		center;	/* default "stretch" stretches navpanel image */
	justify-content:	space-between;
}

@media only screen and (max-width: 1000px){ /* Y = descrtext.w + img.w + 48; nalogo.jpg width is 196px */
	.padded-page{padding: 4px;}
	.buttons{font-size:14pt;width:48%;}
	.description{width:100%;}
	.topimg{display: block; margin-left: auto; margin-right: auto;}
}

.expandbtn{
	border:			none;
	width:			100%;
	text-align:		center;
	font-size:		44px;
	padding:		16px;
	display:		inline-block;
}