body{
  /* należy to ustawić aby pasek tytułowy (z logiem) nie miał widocznych "szpar" przy krańcach okna */
  margin: 0;
  font-family: 'Tahoma', 'Verdana', 'Arial', sans-serif;
}
.titlebar{
  width: calc(100vw - (100vw - 100%));
  background: #9e0000;
  background: linear-gradient(90deg,rgba(158, 0, 0, 1) 0%, rgba(255, 85, 0, 1) 100%);
  padding-top: 5px;
  padding-bottom: 10px;
  color: #fff;
  padding-left: 10px;
}
.logo{
  display: inline;
}
/* najważniejsze działy strony. NIE MYLIĆ Z TITLEBAR!!! */
.topbar{
  width: calc(100vw - (100vw - 100%));
  background: #9e0000;
}
button{
  color: #fff;
  line-height: 100%;
  border: 0;
  border-right: 1px solid #C52200;
  background: #900;
  font-variant: small-caps;
  font-size: 20px;
  font-weight: bold;
}
.topbar a{
  color: #fff;
  text-decoration: none;
}
.topbar a:hover{
  color: #fff;
  text-decoration: none;
}
.topbar a:active{
  color: #000;
  text-decoration: none;
}

.topbar button:hover{
  background: #700;
}
.topbar button:active{
  background: #FE5400;
  color: #000;
}
.body{
  display: flex;
}
.sidebar {
  width: 300px;
  background: #feb;
  padding: 5px;
}
.sidebar ul{
  padding-left: 20px;
}

.main {
  flex: 1;
  padding: 5px;
}

a{
  color: red;
}
a:hover{
  color: crimson;
}
a:active{
  color: maroon;
}
.solution{
  padding: 5px;
  display: none;
  background-color: #eee;
  margin-top: 10px;
  margin-left: 30px;
  margin-right: 30px;
}
.solution.visible{
  display: block;
}
hr{
  border-style: solid;
  border-color: #800;
}
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-1wig{font-weight:bold;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}

.toggleButton{
  margin-top: 5px;
}
.diagram {
    float: right;
    margin: 0 10px 10px 10px;
    text-align: center;
    max-width: 200px;
  }

  .diagram img {
    width: 100%;
    height: auto;
    display: block;
  }

  .diagram caption {
    font-size: 13px;
  }