@import url('https://fonts.googleapis.com/css2?family=Nabla&family=Nunito:ital,wght@0,200;0,400;0,900;1,200&display=swap');

body {font-family: Nunito; margin: 0 auto;}		
div {box-sizing: border-box;}


#nodeLayout {display: flex; flex-direction: column; flex-wrap: nowrap;}
#nodeLayoutScene {width: 100%; height: 95vh;}
#nodeLayoutInfo {width: 100%; min-height: 50vh; background-color:rgba(255,255,255,0.95); box-sizing: border-box; padding: 8px; text-align: center;}			

.formElementLead {margin-top: 20px;}
.uiPanel {box-sizing: border-box; width: 90%; padding: 20px; margin: 50px auto; background-color: rgba(245,222,179,0.33); font-family: arial; font-size: 1.4em; text-align: center; font-weight: 400}
.uiInstruction {font-size: 0.8em; font-style: italic; font-weight: 200}


@media (orientation: landscape)
{
	#nodeLayout {flex-direction: row;}
	#nodeLayoutScene{width: 100vw; height: 100vh;}
	#nodeLayoutInfo {display: none; opacity: 0;}
}