@charset "UTF-8";
/* Coolors Exported Palette - coolors.co/247ba0-70c1b3-b2dbbf-f3ffbd-dd0426 */
/* https://dequeuniversity.com/rules/axe/4.9/color-contrast */
/* RGB */
/* Coolors Exported Palette - coolors.co/00a9ff-004e64-9fffcb-25a18e-7ae582 */
/*
$color1: rgba(0, 169, 255, 1);
$color2: rgba(0, 78, 100, 1);
$color3: rgba(159, 255, 203, 1);
$color4: rgba(37, 161, 142, 1);
$color5: rgba(122, 229, 130, 1);
*/
@media screen {
  body {
    background-color: #FFF;
    color: #247ba0;
    width: 80vw;
    margin: 5px auto;
    padding: 0;
    text-align: left;
    font-family: Georgia, sans-serif;
    font-size: 14pt; }
  header {
    padding: 0.5em 2em;
    border-radius: 1em;
    background: linear-gradient(#869a25, #cddf7a);
    width: 100%;
    margin: auto; }
  body header {
    height: fit-content;
    display: grid; }
  body header h1 {
    display: inline; }
  #myCanvas {
    justify-self: flex-end;
    padding: 0;
    margin: 0; }
  main {
    display: block;
    width: 100%;
    margin: 1em auto;
    /* üles ja alla 0, muidu keskele */
    background-color: #70c1b3;
    padding: 0.5em 2em;
    border-radius: 1em; }
  footer {
    padding: 0.5em 2em;
    border-radius: 1em;
    width: 100%;
    background: linear-gradient(#cddf7a, #869a25);
    margin: auto; }
  body dt {
    color: #dbf0e0;
    font-weight: bold;
    font-size: 1.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  h1 {
    color: #b6d03c;
    font-weight: bold;
    font-size: 2em;
    padding-top: 0.5em;
    margin: 0; }
  h2 {
    color: #b6d03c;
    font-weight: bold;
    font-size: 1.8em; }
  h3 {
    color: #b6d03c;
    font-weight: bold;
    font-size: 1.6em; }
  h4 {
    color: #b6d03c;
    font-weight: bold;
    font-size: 1.5em; }
  header h1 {
    background: none;
    color: #247ba0;
    width: 100%;
    padding-top: 0; }
  header h2 {
    color: #2e6a60; }
  #myCanvas {
    margin: 0 0 1em 1em;
    border: none;
    background-color: transparent; }
  article header {
    width: auto;
    height: auto;
    margin-top: 0;
    margin-left: -1em;
    margin-right: -1em;
    border-radius: 1em 1em 0 0;
    color: #FFF;
    background: linear-gradient(#62711b, #dce9a3);
    padding: 0.5em 2em;
    background-color: #b6d03c; }
  article header h2,
  article header h1 {
    background: none;
    margin: 0; }
  article header h2 a {
    font-size: 1.5em;
    margin: 0; }
  .lingirida {
    display: flex;
    flex-direction: column;
    gap: 20px; }
  .veerg {
    padding: 1em;
    border: 1pt solid #70c1b3;
    border-radius: 15px;
    background-color: #dbf0e0; } }

@media screen and (min-width: 768px) {
  .lingirida {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* Muudab elemendid kaheks võrdseks veeruks */
    gap: 20px; } }

@media screen {
  .veerg ul {
    list-style: none;
    padding-top: 0px;
    margin: 0px; }
  .veerg ul li {
    padding-top: 0;
    font-size: 1.1em;
    padding-left: 0;
    text-indent: -2em; }
  ol.hore li {
    padding-bottom: 0.5em; }
  .paremale {
    text-align: right; }
  div.koodiviide {
    text-align: right;
    background-color: #666;
    border: none;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 10px 10px 0 0;
    padding-bottom: 6px;
    margin-bottom: -8px; }
  .veerg ul b {
    color: #9D0B01;
    display: block;
    font-size: 0.8em;
    padding-top: 0.7em; }
  td {
    padding: 0px; }
  .veerg ul li a:after {
    content: " : ";
    color: #b6d03c; }
  .veerg ul li b:after {
    content: ": "; }
  .veerg ul li a:nth-last-child(1):after {
    content: "."; }
  a:visited,
  a:active,
  a:link {
    color: #9D0B01;
    text-decoration: none; }
  a:hover {
    color: #0000B8;
    text-decoration: underline; }
  .copy {
    color: #000;
    font-size: 0.8em;
    padding-top: 2em; }
  .copy a,
  .copy a:visited {
    color: black; }
  .rohutatud {
    font-weight: bold; }
  .kood {
    white-space: pre;
    font-family: Tahoma;
    font-size: 0.8em;
    border: 1px solid #b6d03c;
    background-color: #dbf0e0; }
  .selgitus {
    color: #9D0B01;
    font-weight: normal;
    text-align: justify; }
  div {
    padding-bottom: 0.3em;
    padding-top: 0.2em; }
  .pilt {
    text-align: center; }
  .paks {
    font-weight: bold; }
  .et {
    color: #247ba0; }
  .en {
    color: #9D0B01; }
  .vaike {
    font-size: 0.6em; }
  .lood {
    list-style: none;
    margin: 0;
    color: #000; }
  .lood > li:nth-child(odd) {
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding: 1em;
    border: none;
    border-radius: 1em;
    text-align: justify;
    background-color: #74c3b5;
    color: #000; }
  .lood > li:nth-child(even) {
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding: 1em;
    border: none;
    border-radius: 1em;
    text-align: justify;
    background-color: #6cbfb1;
    color: #000; }
  iframe {
    display: block;
    margin: 0 auto;
    border: 0; }
  span.ruut {
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 1px solid blue; }
  span.ruut:nth-of-type(1) {
    background-color: #247ba0; }
  span.ruut:nth-of-type(2) {
    background-color: #70c1b3; }
  span.ruut:nth-of-type(3) {
    background-color: #dbf0e0; }
  span.ruut:nth-of-type(4) {
    background-color: #b6d03c; }
  span.ruut:nth-of-type(5) {
    background-color: #9D0B01; }
  article {
    border: 1px solid #dbf0e0;
    border-radius: 1em;
    padding-left: 1em;
    padding-right: 1em;
    margin-bottom: 1em;
    background-color: #94d0c6; }
  article.raamita {
    border: none; }
  article h1 {
    font-size: 1.5em;
    background: #dbf0e0;
    margin-bottom: 5px;
    margin-left: -10px;
    border-bottom: 1px dotted #b6d03c; }
  article h2 {
    font-size: 1.4em; }
  article h3 {
    font-size: 1.3em; }
  article h4 {
    font-size: 1.2em; }
  article h5 {
    font-size: 1.1em; }
  article h6 {
    font-size: 1em; }
  .reisiviited {
    text-align: right;
    color: #9D0B01;
    background-color: #a5d8cf;
    margin-bottom: 2px; }
  ul.galerii {
    list-style: none;
    text-align: center;
    counter-reset: pildid 0;
    margin-left: 0;
    margin-right: 0; }
  ul.galerii > li {
    display: inline-block;
    width: 90%;
    max-width: 1100px;
    margin-top: 15px;
    text-align: left;
    padding: 10px 10px 15px 8px;
    background: #eee;
    border: 1px solid #fff;
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    position: relative;
    margin-bottom: 1em;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto; }
  ul.galerii > li > div:before {
    counter-increment: pildid;
    content: counter(pildid) ". ";
    font-weight: bold;
    color: #9D0B01; }
  ul.galerii > li div {
    max-width: 1024px;
    margin-top: 2em; }
  ul.galerii > li img {
    margin: auto;
    border-radius: 0.5em;
    border: none;
    height: auto;
    padding: 0;
    width: 90%;
    max-width: 1024px;
    height: auto;
    display: block; }
  ul.gal2 {
    list-style: none;
    text-align: center; }
  ul.gal2 li {
    display: block;
    width: 800px;
    margin-top: 15px;
    text-align: left;
    padding: 20px 20px 30px 15px;
    background: #eee;
    border: 1px solid #fff;
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    position: relative; }
  ul.gal2 li div {
    max-width: 800px;
    margin-top: 5px;
    font-family: monospace; }
  div.raamiga {
    border: 1px double green;
    border-radius: 20px;
    padding: 10px; }
  span.raamiga {
    border: 1px double green;
    border-radius: 20px;
    padding: 10px;
    margin: 2px;
    display: inline-block; }
  ul.raamiga > li {
    border: 1px double green;
    border-radius: 20px;
    padding: 10px;
    margin-left: -3em;
    margin-top: 1em;
    list-style: none; }
  table.raamiga {
    border: 1px solid black;
    border-collapse: collapse; }
  .raamiga td {
    border: 1px dotted black;
    padding-left: 1em;
    padding-right: 1em; }
  .raamiga th {
    border: 1px dotted black;
    text-align: center; }
  table.alt tr:nth-child(odd) {
    background-color: #9D0B01; }
  table.alt tr:nth-child(even) {
    background-color: #DCE69C; }
  table.alt tr:hover {
    background-color: #70c1b3; }
  ul.alt {
    list-style: none; }
  ul.alt > li {
    margin-bottom: 0.2em;
    padding: 1em;
    border-radius: 1em; }
  ul.alt > li:nth-child(odd) {
    background-color: white;
    padding: 1em; }
  ul.alt > li:nth-child(even) {
    background-color: white; }
  ul.alt > li:hover {
    background-color: #dbf0e0; }
  .kommentaar {
    color: #b6d03c;
    font-family: monotype;
    font-size: 0.9em; }
  .skaleeritud,
  .skaleeri {
    width: 100%;
    max-width: 1024px;
    height: auto;
    text-align: center; }
  .skaleeritud50 {
    width: 50%;
    height: auto; }
  .skaleeritud75 {
    width: 75%;
    height: auto; }
  div.aluminemenyy {
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #dbf0e0;
    color: #70c1b3; }
  figcaption {
    font-size: 0.8em;
    color: grey; } }

@media print {
  body {
    margin: 0px 0px;
    padding: 2px;
    text-align: justify;
    background: #fff;
    font-size: 12pt;
    color: #000; }
  body dt {
    color: #000;
    font-weight: bold;
    font-size: 1.2em; }
  .veerg ul {
    list-style: none;
    padding-top: 0px;
    margin: 0px; }
  .veerg ul li {
    padding-top: 0px;
    padding-bottom: 0.4em;
    margin: 0px;
    text-indent: -20pt; }
  .veerg ul b {
    color: #000;
    display: inline;
    font-size: 0.8em;
    font-variant: small-caps; }
  td {
    padding: 0px; }
  a,
  a:visited,
  a:link,
  a:active {
    color: #000;
    text-decoration: underline; }
  .veerg ul a:after {
    content: ", "; }
  .veerg ul a:before {
    content: none; }
  .copy {
    color: #000;
    font-size: 0.8em;
    padding-top: 2em; }
  .copy a,
  .copy a:visited {
    color: #000; }
  .rohutatud {
    font-weight: bold; }
  .kood {
    white-space: pre;
    font-family: Tahoma;
    font-size: 0.8em;
    border: 1px solid #000;
    color: #000; }
  .selgitus {
    color: #000;
    font-weight: normal;
    text-align: justify; }
  table.raamiga {
    border: 1pt solid black;
    border-collapse: collapse; }
  table.raamiga td {
    border: 1pt dotted black;
    padding: 1pt; }
  table.raamiga th {
    border: 1pt dotted black;
    text-align: center; }
  .eiprindi {
    display: none; } }