<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ----- Default formatting ----- */

@font-face {
	font-family: 'Muli-ExtraLight';
	src: url('../files/Muli-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: 'BLOKKNeue-Regular';
    src: url('../files/BLOKKNeue-Regular.eot');
    src: url('../files/BLOKKNeue-Regular.eot?#iefix') format('embedded-opentype'),
         url('../files/BLOKKNeue-Regular.woff') format('woff'),
         url('../files/BLOKKNeue-Regular.svg#BLOKKNeue-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    padding: 0;
    margin: 0;
    /*background: #2b292a;*/
    background: grey;
    font-family: 'Muli-ExtraLight', serif, Helvetica, Verdana;
    font-size: 1em;
    color: black;
    text-align: left;
}

a {
    /*color: #bbbbbb;*/
    color: white;
    /*text-decoration: dashed underline grey;*/
    text-decoration: none;
    outline-style: none;
}

a:link {
    /*color: #7b7b7b;*/
    color: white;
}

a:visited {
    color: white;
}

a:hover {
    color: #bbbbbb;
    text-decoration: underline;
}

a:active {
    color: #bbbbbb;
}

h1, h2, h3 {
    clear: none;
    margin: 15px 0;
    padding: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1em;
}

p {
    margin: 10px 0;
    padding: 0;
}

.header_subtext {
	/*font-family: 'Muli-ExtraLight';*/
    text-align: center;
    /*margin-bottom: 20px;*/
    font-size: 1.5em;
}

/* ----- Container ----- */

#container {
    margin: 0;
	padding: 0;
    width: auto;
    /*background: #2b292a;*/
}

/* ----- Header ----- */

#header {
    padding: 20px 0 0;
    margin: 0;
    /*background: #2b292a;*/
}

#header_box {
    margin: 0 auto;
    padding: 20px;
    width: 800px;
    /*background: #EA5C5B url('images/P3180661_small.png');*/
    background: url('../images/P3180661_small.png');
    color: #bbbbbb;
    text-align: center;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    /*border-radius: 5px 5px 0px 0px;*/
    border-radius: 5px;
}

#title h1 {
    text-align: center;
}

#title p {
    text-align: center;
}

#navigation {
    padding: 5px;
    margin: 0;
    color: #bbbbbb;
    font-size: 1.2em;
    text-align: center;
}

#navigation a {
    padding: 5px;
}

#navigation a:visited, #navigation a:link, #navigation a:active {
    text-decoration: none;
    color: #bbbbbb;
}

#navigation a:hover {
    background: #383;
    color: #bbbbbb;
    border-radius: 5px;
}

/* Create underline for the current page in the navigation menu. */
.active_navigation {
    display: inline-block;
    padding: 0px 0px 10px;
    margin: 0;
    border-bottom: 4px solid #7b7b7b;
}

/* ----- Content ----- */

#content {
    margin: 0;
	padding: 0;
    /*background: #E5E5E5;*/
    /*vertical-align: middle;*/
}

#content_box {
    margin: 0 auto;
	padding: 0;
	/*padding: 0px;*/
    width: 800px;
	/*background: white;*/
    /*box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);*/
}

#content_box h2 {
    text-align: center;
}

#screenshots {
    padding: 0;
    display: block;
    float: right;
    width: 320px;
}

#description {
    margin-right: 330px;
    min-height: 380px;
}

/* ----- Book preview ----- */

#book_preview {
    padding: 0;
    /*margin: 0 0 20px 0;*/
    margin: 0 auto 20px auto;
    width: 840px;
    /*background: #2b292a;*/
}

#book_preview_box {
    margin: 0;
    padding: 20px 20px 0 20px;
    width: auto;
    /*background: #EA5C5B url('images/P3180661_small.png');*/
    background: url('../images/P3180661_small.png');
    color: #bbbbbb;
    text-align: center;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    /*border-radius: 5px 5px 0px 0px;*/
    border-radius: 5px;
    overflow: hidden;
}

#book_preview a {
    display: block;
    opacity: 1;
    padding: 0;
    margin: 0;
    border-radius: 5px;
    color: black;
    text-decoration: none;
    outline-style: none;
    transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

#book_preview a:hover {
    opacity: 0.8;
    border-radius: 5px;
}

#book_preview_outline {
    margin: 0 auto;
    padding: 0 5px 0 5px;
    width: 310px;
    font-family: 'BLOKKNeue-Regular';
    font-size: 1em;
    color: black;
    background: gray;
    /*box-shadow: 5px 5px 20px #333;*/
    border-radius: 5px 5px 0 0;
}

#book_preview_pages {
    margin: 0 auto;
    padding: 0;
    width: 300px;
    /*height: 100px;*/
    background: white;
    font-family: 'BLOKKNeue-Regular';
    font-size: 0.75em;
    color: #C0C0C0;
    text-align: left;
    /*box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);*/
    /*border-radius: 5px 5px 0px 0px;*/
    box-shadow: 5px 5px 20px #333;
    border-radius: 5px 5px 0 0;
}

.row_text_book {
    display: table-cell;
    padding: 20px 20px 0 20px;
    width: 50%;
    /*vertical-align: top;*/
    text-align: left;
    background: linear-gradient(to left, transparent 90%, grey);
}

.row_text_book:nth-child(1) {
    border-width: 0 1px 0 0;
    background: linear-gradient(to right, transparent 90%, grey);
}

.border {
    border: 0px solid black;
}

/* ----- Footer ----- */

#footer {
	padding: 0 0 20px;
	margin: 0;
	clear: both
}

#footer_box {
	display: block;
	margin: 0 auto;
   	padding: 20px;
	width: 800px;
	background: #363636;
    /*text-align: center;*/
    text-align: left;
	color: #bbbbbb;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    border-radius: 5px 5px 5px 5px;
}

#footer p {
	display: block;
	margin: 0 auto;
   	padding: 20px;
	width: 600px;
	/*background: #EA5C5B;*/
    text-align: center;
	color: #bbbbbb;
}

#footer small {
    color: grey;
}

.copyright {
    padding: 10px 0 0;
}

.social_img {
    display: block;
    opacity: 0.5;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.social_img:hover {
    opacity: 1;
}

a.social {
    display: inline-block;
    padding: 0px;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

/* ----- Gallery with description ----- */

.gallery {
    padding: 0;
    margin: 0px auto;
    border: 0;
    list-style: none;
    overflow: hidden;
}

.gallery li {
    display: block;
    position: relative;
    float: left;
    padding: 5px;
    margin: 0;
    border-radius: 5px;
    background: transparent;
    color: #bbbbbb;
    text-align: center;
}

.gallery li a {
    padding: 0;
    margin: 0;
    display: block;
    text-decoration: none;
    outline-style: none;
}

.gallery li img {
    padding: 0;
    margin: 0;
    display: block;
}

.gallery li p {
    padding: 10px 0;
    margin: 0;
    max-width: 320px;
    color: #bbbbbb;
    text-align: center;
    /*font-size: smaller;
    font-weight: bold;*/
}

/* ----- Projects Gallery ----- */

.projects.gallery li {
    padding: 0;
}

.projects.gallery li:hover {
    background: #383;
}

.projects.gallery li img {
    padding: 5px 0 0;
    margin: 0 5px 5px;
}

.projects.gallery li p {
    padding: 0 5px 10px 5px ;
    margin-top: 10px;
}

/* ----- Screenshots Gallery ----- */

#screenshots .gallery li {
    padding: 0;
    margin-bottom: 5px;
}

#screenshots .gallery li p {
    color: #7b7b7b;
    font-size: smaller;
    font-weight: bold;
}

/* ----- Tables ----- */

.table {
    position: relative;
    width: auto;
    height: auto;
    padding: 0;
    margin: 10px 0;
    display: table;
}

#book_preview_pages .table {
    margin: 0px;
}

.full_width {
    width: 100%;
}


.table_row {
    display: table-row;
}

.row_label {
    display: table-cell;
    padding: 5px 20px 5px 0;
    /*background-color: grey;*/
    vertical-align: top;
    color: gray;
    text-align: right;
}

.row_label_dark {
    display: table-cell;
    padding: 5px 20px 5px 0;
    vertical-align: top;
    color: #363636;
    text-align: right;
}

.row_text {
    display: table-cell;
    /*padding: 5px 10px 15px 0;*/
    padding: 5px 0 5px 0;
    vertical-align: top;
    /*width: 100%;*/
    /*color: gray;*/
    text-align: left;
}

.table_column_text {
    padding: 5px 10px 15px 0;
}

.table_column_text span {
    padding: 5px 10px;
    background-color: gray;
    border-radius: 5px 5px 5px 5px;
    color: black;
}

.row_center {
    text-align: center;
    vertical-align: middle;
}

#footer_box .table {
    table-layout: fixed;
}

#footer .row_label:nth-child(1) {
    width: 30%;
}

#book_preview_pages .table {
    table-layout: fixed;
}


/* ----- Book ----- */

.book {
    display: block;
    box-shadow: 5px 5px 20px #333;
    margin: 40px;
    /*float: left;*/
}

/* ----- etc ----- */

.photo_circle {
    display: inline-block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: url("../images/photo_jiska.jpg");
    background-size: 100%;
    vertical-align:top; /* Remove whitespace */
}

.photo_circle small {
    position: relative;
    display: block;
    width: auto;
    height: 100%;
    color: white;
    opacity: 0;
/*    transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;*/
    transition: opacity 3.25s ease-out;
    -o-transition: opacity 3.25s ease-out;
    -moz-transition: opacity 3.25s ease-out;
    -webkit-transition: opacity 3.25s ease-out;
}

.photo_circle small:hover {
    opacity: 1;
    transition: opacity .25s ease-in;
    -o-transition: opacity .25s ease-in;
    -moz-transition: opacity .25s ease-in;
    -webkit-transition: opacity .25s ease-in;
}

.photo_circle small span {
    display: block;
    position: absolute;
    bottom: 20px;
}

.center {
    text-align: center;
}

.blockquote {
    padding: 0px;
    margin: 15px 0;
    display: block;
    font-size: 1.5em;
    /*width: 400px;*/
    /*float: right;*/
    vertical-align: middle;
}

.blockquote::before {
    content: 'â€œ'
}

.blockquote::after {
    content: 'â€'
}
</pre></body></html>