@font-face { font-family: Iwona; src: url('Iwona-Regular.otf'); }
@font-face { font-family: Iwona; font-weight: bold; src: url('Iwona-Bold.otf'); }
@font-face { font-family: Iwona; font-style: italic; src: url('Iwona-Italic.otf'); }
@font-face { font-family: Iwona; font-weight: bold; font-style: italic; src: url('Iwona-BoldItalic.otf'); }
@font-face { font-family: LM; src: url('LiberationMono-Regular.ttf'); }

html, body {
    height: 100%;
    font-face: Iwona, Arial;
}

body {
    margin: 0;
    overflow: hidden;
}

.slide {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

#s1 {
    font: 60pt Iwona, Arial;
}

.morftmp {
    font: 60pt Iwona, Arial;
    position: absolute;
    opacity: 0;
}

#clj1 {
    position: absolute;
    left: 4.2em;
    top: 0;
}

#clj2 {
    position: absolute;
    text-align: left;
    left: 4.2em;
    top: 0;
}

#clj3 {
    position: absolute;
    text-align: left;
    left: 4.2em;
    top: 0;
}

#jak {
    position: absolute; 
    left: 2em;
    top: 0;
    opacity: 0;
}

h1 {
    font: bold 48pt/60pt Iwona, Arial;
}

h2 {
    font: 48pt/60pt Iwona, Arial;
}

ul li {
    font: 30pt Iwona, Arial;
    list-style-type: none;
}

pre {
    text-align: left;
    font: 20pt LM;
}

tt {
    font: 22pt/24pt LM;
}

code {
    font: 30pt LM;
}

blockquote {
    text-align: left;
    font: 30pt Iwona, Arial;
    margin: 0 2em;
}

.signed {
    font: 24pt Iwona, Arial;
    text-align: right;
}

.centered {
    width: 100%;
    font: 30pt Iwona, Arial;
}

.centered p {
    margin-bottom: -0.8em;
}

.keyword {
    color: #00a;
}

.result {
    font: 30pt LM;
    color: #330;
}

.result:before {
    content: "⇒ ";
}

.descbox {
    display: none;
    position: absolute; 
    left: 550px; 
    top: 310px; 
    width: 350px; 
    background: #bbb; 
    border: 1px solid black; 
    font: 20pt Iwona; 
    padding: 10px;
}

.descbox ul li {
    font: 20pt/20pt Iwona;
    list-style-type: square;
    text-align: left;
}

ul.real {
    width: 800px;
    display: block;
    margin: 0 auto;
}

ul.real li {
    font: 30pt/40pt Iwona;
    list-style-type: square;
    text-align: left;    
}

ul.real2 li {
    font: 22pt/24pt Iwona;
    list-style-type: none;
}