body {
    background-color: silver;
    margin: 0 auto;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
  }
header{
  background-color: black;
  color:white;
  font-size: 2em;
    padding: 5pt;

  box-shadow: 3px 3px 10px lavender;
  
}

  div.frame {
    display: block;
    float: left;
    padding: 10px;
    background-color: silver;
    border: solid 1px lavender;
  box-shadow: 3px 3px 10px lavender;
    margin: 1em;
    border-radius: 15px;
    
  }
  div.frame {
    display: block;
    float: left;
  }
  div.frame h2 {
    display: block;
    margin-top: 3px;
    margin-bottom: 6px;
    padding-right: 5em;
    font-size: 1.4em;
    text-shadow:2px 2px 4px lavender;
  }
  div.frame li {
    margin-top: 3px;
    margin-bottom: 6px;
  }
  .neexistuje {
    text-decoration: line-through;
    -webkit-text-decoration-color: red;
            text-decoration-color: red;
  }
  .stariok {
    border-bottom: solid 1px green;
    border-right: solid 5px green;
  }
  .stariwarn {
    border-bottom: solid 1px orange;
    border-right: solid 5px orange;
  }
  .disabled {
    font-style: italic;
    color: silver !important;
  }
  svg {
    margin: 5px;
    animation: telo;
  }
  @keyframes telo {
    0% {
      transform: scale(0.1) rotate(0deg);
      top: 150px;
      right:150px;
      opacity: 0;
    }
    80% {
      transform: scale(2.1) rotate(-675deg);
      top: 10px;
      opacity: 1;
    }
    100% {
      transform: scale(1) rotate(720deg);
      top: 5px;
      right:5px;
      opacity: 1;
    }
  }
  svg {
    position: absolute;
    top:5px;
    right:5px;
    animation-name: telo;
    animation-duration: 5s;
      text-shadow:1px 1px 1px lavender;
}
  
li.file{
  list-style: square;
}
li.md{
  list-style: disc;
}
li.url{
  list-style: disclosure-closed;
}

img.appico {

  float:left;
  width:6em;
  padding:1em;
  padding-right: 3em;

}

a.instdownload{

  border: outset silver 1px;
  padding: 1em;
  width: 21em;
  display: inline-block;
  background-color: #0022a814;}

  a.instdownloadtest{

    border: outset silver 1px;
    padding: 1em;
    width: 21em;
    display: inline-block;
    background-color: #a8005f14;
    opacity: 50%;
  }

  
  

.app{
padding:1em;
clear:both;
}

body {
  background:url(bg.svg) fixed no-repeat bottom right;
  background-size: 10%;

}

div.copyright{

  position:fixed;
  bottom:0px;
  font-size:small;
  border-top:black 1px solid;
  background-color: antiquewhite;
  padding:2pt;
  width:100%;
}

table.download{
  margin-left: 10em;
}

.download small{
  font-size: x-small;
}

p{
  padding:0px;
  margin:2px;
}
.maintest{
  margin: 4em ;
  display:block;
  
}

img.demo{
  margin: 4em ;

  align-self: center;
  
}