html
{
    width: 100%;
    height: 100%;
}

body
{
    margin: 0px;
    width:100%;
    height: 100%;
    overflow:hide;
}

h1,h2,h3
{
    text-align: center;
}

#sidebar
{
    background-color: rgb(128,128,128);
    width: 20%;
    max-width: 20em;
    height: 100%;
    float:left;
}

#content
{
    overflow:hidden;
    height:100%;
}



#extContent
{
    height:100%;
    width:100%;
    margin: 0%;
}

h1
{
    margin:0px;
}

.sbCategory
{
    width: 100%;
    padding: 1em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    background-color: rgb(150,150,150);
    box-sizing: border-box;
}

.sbCategory.selected
{
    border-style: solid;
    border-width:2px;
}

.sbItemList
{
    margin-left: 10%;
    display:none;
}

.sbItem
{
    width: 100%;
    padding: 0.5em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    box-sizing: border-box;
}

.pane
{
    flex:30;
}
.gap
{
    flex:3;
}

.flexContainer
{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.screenshotimg
{
    width:100%;
}

.header
{
    text-align:center;
    font-weight: bold;
    font-size:150%;
    margin: 1em;
}

.fold
{
    height: 0px;
    overflow: hidden;
}

.fold.open
{
    height:20em;
    -webkit-transition: all 2.5s ease-in-out;
    -moz-transition: all 2.5s ease-in-out;
    -ms-transition: all 2.5s ease-in-out;
    -o-transition: all 2.5s ease-in-out;
    transition:all 2.5s;
}

#buttonInstall
{
    display:none;
    position: absolute;
    right: 1em;
    top:1em;
/*    width: 15em;*/
    font-size: 150%;
    text-align: center;
    background: red;
    background: linear-gradient(to bottom right, red, orange); /* Standard syntax */
    border-radius: 1em;
    padding: 1em;
    margine: 1em;
}

@keyframes close
{
    to {height:0%}
}

@keyframes open
{
    to {height: auto}
}

@media only screen and (max-device-width: 80em) {
  /* define mobile specific styles come here */
  .flexContainer { 
    flex-direction: column;
  }

  .screenshot
  {
      width:50%;
      text-align:center;
  }

  #buttonInstall
  {
      display:inline;
  }

}