/* noto-sans-regular - latin */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: normal;
    src:
    url(/static/fonts/noto-sans-v9-latin-regular.woff') format('woff'),
  url(/static/fonts/noto-sans-v9-latin-regular.ttf') format('truetype');
}

/* noto-sans-italic - latin */
@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: normal;
    src:
    url(/static/fonts/noto-sans-v9-latin-italic.woff') format('woff'),
  url(/static/fonts/noto-sans-v9-latin-italic.ttf') format('truetype');
}

/* noto-sans-700 - latin */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: bold;
    src:
    url(/static/fonts/noto-sans-v9-latin-700.woff') format('woff'),
  url(/static/fonts/noto-sans-v9-latin-700.ttf') format('truetype');
}

/* noto-serif-regular - latin */
@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: normal;
    src:
    url(/static/fonts/noto-serif-v8-latin-regular.woff') format('woff'),
  url(/static/fonts/noto-serif-v8-latin-regular.ttf') format('truetype');
}

/* noto-serif-700 - latin */
@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: bold;
    src:
    url(/static/fonts/noto-serif-v8-latin-700.woff') format('woff'),
  url(/static/fonts/noto-serif-v8-latin-700.ttf') format('truetype');
}

/* noto-serif-italic - latin */
@font-face {
    font-family: 'Noto Serif';
    font-style: italic;
    font-weight: normal;
    src:
    url(/static/fonts/noto-serif-v8-latin-italic.woff') format('woff'),
  url(/static/fonts/noto-serif-v8-latin-italic.ttf') format('truetype');
}


@font-face {
    font-family: 'Kite One';
    font-style: normal;
    font-weight: normal;
    src:
    url(/static/fonts/kite-one-v7-latin-regular.woff') format('woff'),
  url(/static/fonts/kite-one-v7-latin-regular.ttf') format('truetype');
}

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    src:
    url(/static/fonts/roboto-v20-latin-regular.woff') format('woff'),
  url(/static/fonts/roboto-v20-latin-regular.ttf') format('truetype');
}

/* roboto-mono-regular - latin */
@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: normal;
    src:
    url(/static/fonts/roboto-mono-v7-latin-regular.woff') format('woff'),
  url(/static/fonts/roboto-mono-v7-latin-regular.ttf') format('truetype');
}

/* cantarell-regular - latin */
@font-face {
    font-family: 'Cantarell';
    font-style: normal;
    font-weight: normal;
    src:
    url(/static/fonts/cantarell-v9-latin-regular.woff') format('woff'),
  url(/static/fonts/cantarell-v9-latin-regular.ttf') format('truetype');
}

/* cantarell-700 - latin */
@font-face {
    font-family: 'Cantarell';
    font-style: normal;
    font-weight: bold;
    src:
    url(/static/fonts/cantarell-v9-latin-700.woff') format('woff'),
   url(/static/fonts/cantarell-v9-latin-700.ttf') format('truetype');
}

/* cantarell-italic - latin */
@font-face {
    font-family: 'Cantarell';
    font-style: italic;
    font-weight: normal;
    src:
    url(/static/fonts/cantarell-v9-latin-italic.woff') format('woff'),
  url(/static/fonts/cantarell-v9-latin-italic.ttf') format('truetype');
}

* {
    box-sizing: border-box;
}

:root {
    margin: 0.0px;
    padding: 0.0px;
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-size: 100%;
}

body {
    font-family: 'Noto Sans', sans-serif;
    font-style: normal;
    font-size: 100%;
    margin: 0.0em;
    padding: 1.0em;
}

h1 {
    margin-top: 6em; margin-bottom: 0em;
    margin-left: 0;
    padding: 0em;
    line-height: 1.5em;
    text-align: center;
    font-size: 1.5em;
    font-weight: Bold;
    page-break-before: always;
}

h2 {
    margin-top: 4em; margin-bottom: 0em;
    margin-left: 0;
    padding: 0em;
    line-height: 1.5em;
    text-align: center;
    font-size: 1.25em;
    font-weight: Bold;
}

h3 {
    margin-top: 3em; margin-bottom: 0em;
    margin-left: 0;
    padding: 0em;
    line-height: 1.5em;
    text-align: center;
    font-size: 1.05em;
    font-weight: Bold;
}

p {
    text-indent: 2em;
    margin-top: 0.5em;
    margin-bottom: 0em;
    margin-left: 0;
    line-height: 1.5em;
}

p.scenebr {
    text-indent: 0em;
    margin-top: 3em; margin-bottom: 0em;
}

p.scenebr::first-letter {
  font-size: 150%;
}

p.flis {
    text-indent: 2em; margin-top: 0.0em;
 }

p.rpl {
    margin-left: 0.5em;
    margin-top: 2.0em;
    text-indent: -1.0em;
}

p.rplc {
    margin-left: 0.5em;
}

ul {
  padding: 0;
  margin: 1em;
  list-style-position: inside;
}

li {
  margin-top: 0.5em; margin-bottom: 0em;
  line-height: 1.5em;
}

dd {
  margin-left: 2em;
  margin-bottom: 1em;
}

div.slide {
    margin-top: 2em;
    text-align: center;
    line-height: 1.0em;
    padding: 1em;
    font-family: 'Kite One', cursive;
/*    border-style: solid;  */
}

div.slide2 {
    margin-top: 2em;
    text-align: center;
    line-height: 1.0em;
    padding: 1em;
    font-family: 'Roboto', sans-serif;
 /*   border-style: solid; */
}


p.sli {
  text-indent: 0em;
  margin-top: 0.5em;
    text-align: center;
}

p.slihd {
  text-indent: 0em;
  margin-top: 0.5em;
    text-align: center;
    font-size: 1.1em;
}

p.emotirob {
    margin-left: 0em; margin-right: 0em; margin-top: 2em; margin-bottom: 1em;
    text-indent: 1em;
    font-family: 'Roboto Mono', monospace;
    font-size: 0.95em;
}


div.wiki {
    font-family: 'Cantarell', sans-serif;
    font-size: 105%;
    margin-top: 2em;
    margin-bottom: 1em;
    border-style: solid;
    padding: 1em 1em 1em 1em;
}

p.wikihd {
  text-indent: 0em;
  font-style: normal;
  margin-top: 2em;
  margin-left: 0;
  padding: 0;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
}


div.mail {
    font-family: 'Roboto', sans-serif;
    margin-top: 2em;
    margin-bottom: 1em;
    margin-left: 0em;
}

p.mailhd {
  text-indent: 0em;
  margin-top: 3em;
  margin-bottom: 0em;
  margin-left: 0;
  padding: 0;
  font-weight: bold;
  font-size: 1.05em;
  text-align: center;
}

p.mailsignature {
    margin: 0.5em 0em 0em 0em;
    text-indent: 0em;
}

p.mail0 {
    text-indent: 0em;
    margin-top: 0.5em; margin-bottom: 0em;
}

p.hr {
  text-indent: 0em;
  margin-top: 3em;
    margin-bottom: 2em;
    margin-left: 0;
    padding: 0;
    text-align: center;
}

div.titlebox {
  text-indent: 0;
    margin: 2em 0em 2em 0em;
    padding: 0em;
    border: solid;
    text-align: center;
    page-break-before: always;
}

div.katsaus {
    font-family: 'Roboto', sans-serif;
    margin-top: 2em;
    margin-bottom: 1em;
    margin-left: 0em;
}

div.leiri {
    font-family: 'Noto Serif', serif;
    margin-top: 2em;
    margin-bottom: 1em;
    margin-left: 0em;
}

div.klaani {
    font-family: 'Roboto', sans-serif;
    margin-top: 2em;
    margin-bottom: 1em;
    margin-left: 0em;
}

div.paivakirja {
    font-family: 'Noto Serif', serif;
    margin-top: 2em;
    margin-bottom: 1em;
    margin-left: 0em;
}

span.i {
    font-style: italic;
}

span.b {
    font-weight: bold;
}

span.code {
    font-family: 'Roboto Mono', monospace;
}

/*
 * Use the <i> element only when there is not a more appropriate semantic element, such as:

 < em> (emphasized text)
 <strong> (important text)
 <mark> (marked/highlighted text)
 <cite> (the title of a work)
 <dfn> (a definition term)
 <b> (bold)
 <code>
 <samp>	Defines sample output from a computer program
 <kbd>	Defines keyboard input
 <var>	Defines a variable
 <pre>	Defines preformatted text
 */
:root {
    color: rgb(180, 240, 180);
    background-color: rgb(0, 0, 0);
}


body {
    color: rgb(180, 240, 180);
    background-color: rgb(0, 0, 0);
}


div.slide {
  color: rgb(250, 190, 130);
  border-color: rgb(240, 180, 120);
  background-color: rgb(0, 0, 0);
}

div.slide2 {
    color: rgb(195, 245, 245);
    border-color: rgb(195, 245, 245);
    background-color: rgb(0, 0, 0);
}


div.wiki {
    color: rgb(185,210,205);
    border-color: rgb(185,210,205);
    background-color: rgb(0, 0, 0);
}

div.mail {
    color: rgb(240, 220, 200);
    background-color: rgb(0, 0, 0);
}


div.titlebox {
    border: solid green;
}

div.katsaus {
    color: rgb(225,255,200);
    background-color: rgb(0, 0, 0);
}

div.leiri {
    color: rgb(240, 255, 145);
    background-color: rgb(0, 0, 0);
}

div.klaani {
    color: rgb(195, 245, 245);
    background-color: rgb(0, 0, 0);
}

div.paivakirja {
  color: rgb(230, 200, 250);
  background-color: rgb(0, 0, 0);
}

a { color: #42b3f5
}

a link { color: #42b3f5
}

a visited { color: #bf80ff
}


del {
    color: rgb(255,125,125);
    text-decoration: none;
}

ins {
    text-decoration: none;
    color: rgb(100,200,255)
}