@font-face {
    font-family: "Kanopi";
    src: url("fonts/kanopibrazil.otf") format('opentype');
}

body {
    /* font-family: bembo,garamond,palatino,gentium,cardo,serif; */
    font-family: verdana, cantarell, sans-serif;
    font-size: large;
    color:#504020;
    background:#fcfafc; 
}

/* Top navigation bar */
a {
    text-decoration:none;
    color: rgba(70, 100, 155);
}
.navbar {
    position: fixed;
    text-align: center;
    /* border: 3px solid green ; */
    background: rgba(255, 255, 255);
    font-size: 36;
    font-family: Kanopi, verdana, cantarell, sans-serif;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 3em;
    opacity: 0;
    transition: 0.5s;
    z-index: 10;
    /* top: 0.5em; */
    /* left: 5em; */
}
.navbar:hover {
    opacity: 0.9;
}

.L { /* left menu item */
    position: fixed;
    top: 1em;
    width: 40%;
    right: 60%;
    text-align: right;
}
.R { /* right menu item */
    position: fixed;
    top: 1em;
    width: 40%;
    left: 60%;
    text-align: left;
}
.logo { /* icon/home menu item */
    font-size: 24;
    height: 3em;
    top: 0.5em;
    position: fixed;
    left: 48%;
    z-index: 6;
}

/* text */
.paragraphs {
    margin: 8em 6em 6em 6em;
}
.narrow_para {
    margin: 8em 30% 6em 4em;
}
.leftcol {
    display: inline-block;
    width: 100%;
    padding: 0.5em 10em 0.5em 0.5em;
    margin: 0.5em;
}
.floatleft { /* image */
    /* float: left; */
    /* max-height: 12em; */
    height: 16em;
    /* min-width: 25%; */
    /* max-width: 100%; */
    margin-left:-2em;
    margin-right:1em;
    padding: 20px 20px 20px 0px;
}
.k_knapp {
    float: left;
    height: 2.5em;
    margin: 0.25em 1em 0.25em 0.25em;
    padding: 0 1em 0 1em;
    background-color: rgba(100, 200, 150);
    font-family: kanopi, verdana, cantarell, sans-serif;
    font-size: large;
    letter-spacing: 3px;
    color: #fcfafc;
}	    

/* film descriptions in left column */
.filmtit {
    display: grid;
    font-size: 36;
    font-family: Kanopi, verdana, cantarell, sans-serif;
    padding: 0em 0px 0px 0px;
}
.dato {
    font-style: italic;
    padding: 0em 0em 0.5em 0em;
}
.creds {
    width: 60%;
    /* font-weight: bold; */
    padding: 0.25em;}
.omtale { /* popup film description */
    position: fixed;
    top: 6em;
    left: 50%;
    width: 45%;
    text-align:left;
    padding: 1em 1em 2em 1em;
    background:white;
    border: 2px solid black;
    z-index: 5;
}
/* text headings */
h2 {
    margin-left: -1em;
    font-family: Kanopi, verdana, cantarell, sans-serif;
}
h3 {
    margin-left: -1em;
    font-family: Kanopi, verdana, cantarell, sans-serif;
}

/* bottom menu */
footer {
    background:#e0e0e0;
    color:#604060;
    margin-top:2em;
    padding: 2.5em 1em 1em 1em;
}

footer p {
    padding: 1em 1em 0em 2em;
}

table {
    margin: auto; 
    padding: 0em 0em 0em 5em;
}

tr th {
    padding: 1em 0.5em 1em 0.5em;
}

img.socbut {
    max-height: 2em;
}

.greyed {
    opacity:0.5;
}