body{
  background-color:#805300;
}
#main{
  background-color:#ffefd5;
  margin:2% 20% 2% 20%;
  border-radius:12px;
}
#ik{
  width:100%;
  border-radius:12px;
}
#sel{
  background-color:#b1ecae;
}
#sel2{
  background-color:#d5d5d5;
}
#bt{
  display:none;
}
form{
  text-align:center;
  margin:5%;
}
h1, h3{
  color:#805300;
  padding-left:10%;
}
h3, p{
  padding-left:3%;
  padding-right:3%;
}
img{
  border-style:none;
  vertical-align:middle;
}
img.fast{
  width:20px;
  height:10px;
}
a.am:link, a.am:visited{
  font-weight:bold;
  color:#072f83;
  text-decoration:none;
  word-break: keep-all;
}
a.am:hover, a.am:active{
  font-weight:bold;
  color:blue;
  text-decoration:underline;
  word-break: keep-all;
}
table{
  width:100%;
  padding-left:5%;
  padding-right:5%;
}
div.am, div.img{
  text-align:center;
  margin:5%;
}
tr{
  text-align:center;
}
tr.n{
  background-color:#fff4da;
}
tr.p{
  background-color:#f9e9cf;
}
.b1{
  color:#2e2b57;
  text-align:right;
  white-space: nowrap;
}
.b2{
  color:#805300;
  font-weight:bold;
  white-space: nowrap;
} 
.b3{
  color:black;
  text-align:left;
  word-break: keep-all;
} 
.s1{
  color:#c90000;
  text-align:right;
  white-space: nowrap;
}
.s2{
  color:#c90000;
  font-weight:bold;
  white-space: nowrap;
} 
.s3{
  color:#c90000;
  text-align:left;
  word-break: keep-all;
}
.nb{
  width:32px;
  height:32px;
  margin-left:8px;
  margin-right:8px;
}
.fst{
  color:black;
  font-style:italic;
  text-align:left;
  word-break: keep-all;
}
.sel_fst{
  color:green;
  font-style:italic;
  font-weight:bold;
  text-align:left;
  word-break: keep-all;
}
.aut{
  margin-left:10px;
}
.year-watermark {
  position: fixed; 
  bottom: 32px;
  left: 24px;
  font-family: sans-serif;
  font-size: 48px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.2); /* Чорний колір із прозорістю 15% */
  /* Захист від взаємодії */
  pointer-events: none; /* Крізь текст можна клікати на елементи сайту */
  user-select: none;    /* Текст неможливо виділити мишкою */
  /* Пріоритет шару */
  z-index: 9999; /* Робить знак поверх абсолютно всіх елементів сайту */
}
#plus{
  width:24px;
  height:24px;
}
#cList{
  display:none;
}
@media screen and (orientation:portrait){
  #main{
    margin:1%;
  }
  h1{
    padding-left:7%;
  }
  table{
    padding-left:2%;
    padding-right:2%;
  }
  .year-watermark {
    color: rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-height:500px){
  #bt{
    display:inline;
  }
}
@media print{
  .am, form{
    display:none;
  }
  .sel_fst{
    color:black;
    font-weight:normal;
  }
  tr.n, tr.p, #sel{
    background-color:#ffefd5;
  }  
}