html {margin: 0; padding: 0;}

body {background: #AF9982; background-repeat: no-repeat; background-attachment: fixed; color: black; font-family: Arial; margin: 0; padding: 0;}

h2 {margin-bottom: 0;}

p {margin-top: 20;}

ol {overflow: hidden;}

img {white-space: pre-wrap;}

a:link {color: #204a22; text-decoration: none;}
a:visited {color: #204a22; text-decoration: none;}
a:hover {color: #204a22; text-decoration: underline;}
a:active {color: #204a22; text-decoration: underline;}

button {
  background: rgba(255, 255, 255, 0.1);
  color: #000000;
  text-decoration: none;
  font-family: Arial;
  font-weight: bold;
  border: none;
  padding: 15px 15px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
}

button:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #000000;
  text-decoration: none;
  font-family: Arial;
  font-weight: bold;
  border: none;
  padding: 15px 15px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
}

.header {
  padding: 20px;
  background: #30442B;
  color: white;
  font-size: 20px;
  }
  
.headerlink0 {color: white !important; text-decoration: none; margin-right:30px; font-weight: bold}
  
.headerlinkx {color: white !important; text-decoration: none; margin-right:20px}

.content {padding: 5px 10px; margin-left: 10px; margin-right: 10px;}

.sentblock {display:block;}

.sentence {display:flex; justify-content: center; align-items: center;}

.seznamvet {display:grid; grid-auto-rows: 50px; grid-template-columns: repeat(12, 50px);}

.seznamvet > button {
  display: flex;
}

.wordbox {float:left; text-align:center; font-weight:bold; margin: 0px 20px;}

.wordtext {float:inherit; background:white; color:black; border-style:solid; border-width:3.5px; border-color:black; font-size:28px; width:inherit; padding: 5px 10px; border-radius: 5px;}

.wordrole {float:none; font-size:20px; width:inherit;}

.pravopis {display:block; font-size:20px; font-weight:bold; text-align:center;}

.vyznam {display:block; font-size:20px; font-style:italic;  text-align:center;}

.shortpadding {margin-bottom: 0;}

.context {display: none; color: #ffffcc;}
.imgcontext {float:left; padding-right: 10px;}

.spoiler {display: none;}

.centeredlist {display: inline-block; text-align:left;}

.sticky {position: fixed; top: 0; width: 100%;}
.sticky + .content {padding-top: 65px;}

.fancycard {
  border: 10px double white;
  padding-left: 10px;
  }