/*----------------------------------------------------------------------
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";

main
{
  height: var(--main_height);
  width: var(--main_width);
}

main h1
{
  font-size: calc(1.2* var(--size_font));
  font-weight: bold;
  margin-bottom: 0;
}

main h2
{
  font-size: calc(1.1* var(--size_font));
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 3pt;
}

main h3
{
  font-size: var(--size_font);
  font-weight: bold;
  font-style: italic;
  margin: 0;
}

main li
{
  height: calc(1.1 * var(--size_button));
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  border-bottom: 1px solid var(--color_light);
}

main>div
{
  overflow-y: auto;
  cursor: default;
}

main>div:first-child
{
  height: var(--main_width);
  width: var(--main_width);
}

main>div:first-child>img
{
  width: 70%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

main>div:last-child
{
  height: calc(0.9 * (var(--main_height) - var(--main_width)));
	width: 90%;
}

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

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