/*----------------------------------------------------------------------
about.css holds CSS3 style definition used by about.html in the website.
Application: Website CultLib
Platform   : CSS3
------------------------------------------------------------------------
Copyright  : http://creativecommons.org/publicdomain/zero/1.0/
Developed  : Hartwig Thomas, Zurich, Switzerland, 2021
Created    : June 2021, Hartwig Thomas
----------------------------------------------------------------------*/
/*======================================================================
media-independent rules
======================================================================*/
@import "sfpd.css";

.infobutton 
{
  background-color: var(--color_orange);
}

main>div:first-child
{
	width: calc(100% / 3);
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

main>div:first-child>object
{
	height: 100%;
	width: 100%;
}

main>div:last-child
{
	width: 90%;
  height: auto;
	overflow-y: auto;
}

@media (orientation: landscape)
{
	main>div:first-child
	{
    height: 90%;
    width: auto;
    max-height: calc(0.9 * var(--main_height));
  }
  
  main>div:last-child
  {
    height: 90%;
    width: calc(90% - 0.9 * var(--main_height));
  }

  main>div>p
  {
    margin-top: 0;
  }
  
}