/*
Copyright (c) 2001-2026 Marcel van der Veer, all rights reserved.
 __  __                    _                          _            __      __            
|  \/  |                  | |                        | |           \ \    / /            
| \  / | __ _ _ __ ___ ___| | __   ____ _ _ __     __| | ___ _ __   \ \  / /__  ___ _ __ 
| |\/| |/ _` | '__/ __/ _ \ | \ \ / / _` | '_ \   / _` |/ _ \ '__|   \ \/ / _ \/ _ \ '__|
| |  | | (_| | | | (_|  __/ |  \ V / (_| | | | | | (_| |  __/ |       \  /  __/  __/ |   
|_|  |_|\__,_|_|  \___\___|_|   \_/ \__,_|_| |_|  \__,_|\___|_|        \/ \___|\___|_|   

              ╭───╮   ╭───╮   ╭───╮   ╭───╮   ╭───╮   ╭───╮   ╭───╮   ╭───╮
              │   │   │   │   │   │   │   │   │   │   │   │   │   │   │   │
              │   ╰───╯   │   │   ╰───╯   │   │   ╰───╯   │   │   ╰───╯   │
              │           │   │           │   │           │   │           │
              ╰───╮   ╭───╯   ╰───╮   ╭───╯   ╰───╮   ╭───╯   ╰───╮   ╭───╯
                  │   │           │   │           │   │           │   │    
              ╭───╯   ╰───────────╯   ╰───╮   ╭───╯   ╰───────────╯   ╰───╮
              │                           │   │                           │
              │   ╭───────╮   ╭───────╮   │   │   ╭───────╮   ╭───────╮   │
              │   │       │   │       │   │   │   │       │   │       │   │
              ╰───╯   ╭───╯   ╰───╮   ╰───╯   ╰───╯   ╭───╯   ╰───╮   ╰───╯
                      │           │                   │           │        
              ╭───╮   ╰───╮   ╭───╯   ╭───╮   ╭───╮   ╰───╮   ╭───╯   ╭───╮
              │   │       │   │       │   │   │   │       │   │       │   │
              │   ╰───────╯   ╰───────╯   ╰───╯   ╰───────╯   ╰───────╯   │
              │                                                           │
              ╰───╮   ╭───────╮   ╭───────╮   ╭───────╮   ╭───────╮   ╭───╯
                  │   │       │   │       │   │       │   │       │   │    
              ╭───╯   ╰───╮   ╰───╯   ╭───╯   ╰───╮   ╰───╯   ╭───╯   ╰───╮
              │           │           │           │           │           │
              │   ╭───╮   │   ╭───╮   ╰───╮   ╭───╯   ╭───╮   │   ╭───╮   │
              │   │   │   │   │   │       │   │       │   │   │   │   │   │
              ╰───╯   ╰───╯   │   ╰───────╯   ╰───────╯   │   ╰───╯   ╰───╯
                              │                           │                
              ╭───╮   ╭───╮   │   ╭───────╮   ╭───────╮   │   ╭───╮   ╭───╮
              │   │   │   │   │   │       │   │       │   │   │   │   │   │
              │   ╰───╯   │   ╰───╯   ╭───╯   ╰───╮   ╰───╯   │   ╰───╯   │
              │           │           │           │           │           │
              ╰───╮   ╭───╯   ╭───╮   ╰───╮   ╭───╯   ╭───╮   ╰───╮   ╭───╯
                  │   │       │   │       │   │       │   │       │   │    
               ───╯   ╰───────╯   ╰───────╯   ╰───────╯   ╰───────╯   ╰──  
                                                                                                                              
This static website is implemented in HTML and CSS only.
This page was generated on 10 May 2026.
*/

a:active,a:link,a:visited {
  color:black;
  text-decoration:underline;
}

a:hover {
  color:rgb(92,1,32);
  text-decoration:underline;
}

a.blog:active,a.blog:link,a.blog:visited {
  color:black;
  font-family:georgia,serif;
  font-size:100%;
  font-weight:bold;
  text-decoration:none;
}

a.blogcat:active,a.blogcat:hover,a.blogcat:link,a.blogcat:visited {
  color:rgb(92,1,32);
  font-family:arial,sans-serif;
  font-size:80%;
  font-weight:normal;
  text-decoration:none;
}

a.blog:hover {
  color:rgb(92,1,32);
  font-family:georgia,serif;
  font-size:100%;
  font-weight:bold;
  text-decoration:none;
}

a.bloglet:active,a.bloglet:hover,a.bloglet:link,a.bloglet:visited {
  color:black;
  font-family:georgia,serif;
  font-size:100%;
  text-decoration:none !important;
}

a.date_link:active,a.date_link:hover,a.date_link:link,a.date_link:visited {
  color:rgb(92,1,32);
  font-family:arial,sans-serif;
  font-size:80%;
  font-weight:normal;
  text-decoration:none;
}

a.header:active,a.header:hover,a.header:link,a.header:visited {
  color:rgb(92,1,32);
  font-family:arial,sans;
  text-decoration:none;
}

a.num {
  background-color:rgb(246,233,237);
  color:rgb(92,1,32);
  font-style:italic;
  text-decoration:none;
}

a.tag:active,a.tag:hover,a.tag:link,a.tag:visited {
  color:rgb(92,1,32);
  font-family:arial,sans-serif;
  font-size:100%;
  font-style:italic;
  text-decoration:underline;
}

a.xreff {
  color:rgb(92,1,32);
  text-decoration:none;
}

a.xrefm {
  color:rgb(92,1,32);
  text-decoration:none;
}

a.xref {
  text-decoration:none;
}

body {
  background-color:white;
  float:none;
  font-family:georgia,serif;
  font-size:100%;
  margin:0 auto;
  max-width:1080px;
  padding-top:6px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:6px;
  width:100%;
}

code,tt,var {
  color:black;
  font-family:monospace;
  font-size:90%;
  font-weight:normal;
  text-align:left;
}

dd,div,li,ol,p,ul {
  color:black;
  font-family:georgia,serif;
  font-size:100%;
  font-weight:normal;
  text-align:left;
}

div.banner {
  background-color:white;
  height:150px;
  horizontal-align:center;
  padding:0px;
  text-align:center;
  width:95%;
}

div.caption {
  color:black;
  font-family:georgia,serif;
  font-size:90%;
  font-style:italic;
  padding:6px;
  text-align:center;
}

div.field {
  background-color:white;
  border-radius:6px;
  border-color:rgb(246,233,237);
  border-style:solid;
  border-width:1px;
  color:black;
  font-family:georgia,serif;
  font-size:100%;
  font-weight:normal;
  margin-left:6px;
  margin-right:6px;
  padding:4px;
  text-align:left;
}

div.menu_field {
  margin:12px;
  border-radius:6px;
  border-color:rgb(246,233,237);
  border-style:solid;
  border-width:1px;
}

@media (orientation: portrait) {
  div.header {
    color:rgb(92,1,32);
    font-family:arial,sans;
    font-size:65%;
    padding:0px;
    text-align:center;
  }
}

@media (orientation: landscape) {
  div.header {
    color:rgb(92,1,32);
    font-family:arial,sans;
    font-size:90%;
    padding:0px;
    text-align:center;
  }
}

div.packages {
  background-color:rgb(255,250,252);
  border-radius:4px;
  margin-left:6px;
  margin-right:6px;
  padding:4px;
  width:96%;
}

div.polaroid {
  background-color:white;
  padding:0px;
  width:100%;
}

div.vintage {
  background-color:white;
  border-radius:4px;
  color:black;
  font-family:georgia,serif;
  font-size:100%;
  font-weight:normal;
  margin-left:6px;
  margin-right:6px;
  padding:4px;
  text-align:left;
}

h2,h2.banner {
  font-family:georgia,serif;
  font-size:110%;
  font-weight:bold;
  padding-left:4px;
  padding-right:4px;
  padding-top:8px;
  text-align:center;
}

h3,h3.banner {
  font-family:georgia,serif;
  font-size:90%;
  font-weight:bold;
  padding-left:4px;
  padding-right:4px;
  padding-top:8px;
  text-align:center;
}

h3.date {
  font-family:georgia,serif;
  font-size:90%;
  font-weight:normal;
  padding-left:4px;
  padding-right:4px;
  padding-top:8px;
  text-align:center;
}

h4,h4.banner {
  font-family:georgia,serif;
  font-size:90%;
  font-weight:bold;
  padding-left:4px;
  padding-right:4px;
  padding-top:8px;
  text-align:center;
}

hr {
  border:0;
  border-bottom:1px solid rgb(255,245,248);
  border-top:1px solid black;
  height:1px;
}

html {
  background-color:white;
  font-size:calc(16px + 0.1953125vw);
  padding:0px;
  padding-right:6px;
}

img.banner {
  border-radius:12px;
  border-color:rgb(218,170,186);
  border-style:solid;
  border-width:1px;
  box-shadow:4px 4px 4px rgb(218,170,186);
  height:150px;
  max-width:auto;
}

img.thumb {
  border-radius:6px;
  border-color:rgb(218,170,186);
  border-style:solid;
  border-width:1px;
  box-shadow:3px 3px 3px rgb(218,170,186);
  width:80px;
  max-heigth:auto;
}

img.half_width {
  height:auto;
  max-width:50%;
}

img.narrow {
  max-height:150px;
  max-width:50%;
}

img.polaroid {
  border-radius:12px;
  border-width:0px;
  max-width:70%;
}

img.portada {
  height:auto;
  max-width:100%;
}

@media (orientation: portrait) {
  img.third_width {
    height:auto;
    max-width:66%;
  }
}

@media (orientation: landscape) {
  img.third_width {
    height:auto;
    max-width:33%;
  }
}

p.blog {
  color:black;
  font-family:georgia,serif;
  font-size:100%;
  font-weight:normal;
  padding-left:6px;
  padding-right:6px;
  text-align:left;
}

p.blogcat {
  color:rgb(92,1,32);
  font-family:arial,sans-serif;
  font-size:80%;
  font-weight:normal;
  padding-left:6px;
  padding-right:6px;
  text-align:left;
}

p.blogcat_center {
  color:rgb(92,1,32);
  font-family:arial,sans-serif;
  font-size:80%;
  font-weight:normal;
  padding-left:6px;
  padding-right:6px;
  text-align:center;
}

p.bloglet {
  color:black;
  font-family:georgia,serif;
  font-size:100%;
  font-weight:normal;
  padding-left:6px;
  padding-right:6px;
  text-align:left;
}

p.date_tags {
  color:rgb(92,1,32);
  font-family:georgia,serif;
  font-size:90%;
  font-weight:normal;
  padding-left:6px;
  text-align:left;
}

pre {
  background-color:rgb(255,245,248);
  border-radius:6px;
  color:black;
  font-family:monospace;
  font-size:70%;
  font-weight:normal;
  text-align:left;
  white-space:pre-wrap;
  padding:6px;
  width:96%;
}

pre.cal {
  background-color:rgb(255,245,248);
  color:black;
  font-family:monospace;
  font-size:60%;
  font-weight:normal;
  text-align:left;
  white-space:pre-wrap;
  width:96%;
}

pre.cmd {
  background-color:rgb(255,245,248);
  color:black;
  font-family:monospace;
  font-size:90%;
  margin:auto;
  width:96%;
}

pre.printer {
  background-color:rgb(255,245,248);
  border-collapse:separate;
  color:black;
  display:table;
  font-family:monospace;
  font-size:70%;
  margin:auto;
  white-space:pre-wrap;
  width:80ch;
}

pre.rrlist {
  background-color:white;
  color:black;
  display:block;
  font-family:monospace;
  font-size:90%;
  margin:auto;
  white-space:pre-wrap;
  width:96%;
}

pre.tty {
  background-color:black;
  border-collapse:separate;
  color:rgb(0, 192,255);
  display:table;
  font-family:monospace;
  font-size:70%;
  margin:auto;
  white-space:pre-wrap;
  width:84ch;
}

table {
  border-spacing:0px;
  color:black;
  font-family:georgia,serif;
  font-size:100%;
  font-weight:normal;
  padding:0px;
  text-align:left;
}

table.header {
  background-color:white;
  border-radius:0px;
  border-spacing:0px;
  padding:4px;
  width:100%;
}

table.xref {
  border-spacing:3px;
  color:black;
  padding:0px;
  text-align:left;
  width:100%;
}

td.banner {
  background-color:white;
  horizontal-align:center;
  padding-bottom:12px;
  padding-top:6px;
  text-align:center;
}

td.dl {
  color:black;
  font-family:georgia,serif;
  font-size:90%;
  font-weight:normal;
  height:100%;
  padding-left:2px;
  padding-right:2px;
  vertical-align:top;
}

td.info {
  color:black;
  font-family:georgia,serif;
  font-weight:normal;
  height:100%;
  padding-left:9px;
  padding-right:9px;
  vertical-align:middle;
}

td.xref {
  background-color:rgb(255,245,248);
  font-family:arial,sans-serif;
  font-size:80%;
  font-weight:normal;
}

/* Dropdown menu */

.dropdown-content a {
  color:black;
  display:block;
  font-family:arial,sans-serif;
  font-size:90%;
  padding:6px 6px;
  text-decoration:none;
}

.dropdown-content a:hover {
  color:rgb(92,1,32);
  font-size:90%;
}

@media (orientation: portrait) {
  .dropdown-content {
    border-radius:6px;
    border-color:rgb(236,210,219);
    border-style:solid;
    border-width:1px;
    box-shadow:4px 4px 2px rgba(236,210,219,0.5);
    background-color:rgb(255,255,255);
    display:none;
    position:absolute;
    width:70%;
    z-index:1;
  }
}

@media (orientation: landscape) {
  .dropdown-content {
    border-radius:6px;
    border-color:rgb(236,210,219);
    border-style:solid;
    border-width:1px;
    box-shadow:4px 4px 2px rgba(236,210,219,0.5);
    background-color:rgb(255,255,255);
    display:none;
    position:absolute;
    width:35%;
    z-index:1;
  }
}

.dropdown-content div {
  color:black;
  display:block;
  font-family:arial,sans-serif;
  font-size:90%;
  font-weight:normal;
  padding:6px 6px;
}

.dropdown {
  display:inline-block;
  position:relative;
  width:100%;
}

.dropdown:hover .dropdown-content {
  display:block;
}

.footer {
  background-color:white;
  display:inline-block;
  padding:6px 6px;
  position:relative;
}

.top-left {
  color:black;
  font-family:arial,sans-serif;
  font-size:80%;
  font-weight:normal;
  left:16px;
  position:absolute;
  top:16px;
}

.menu {
  background:white;
  display:inline-block;
  position:relative;
}

/* Menu button */

@media (orientation: portrait) {
  .menu .dropbtn {
    background:white;
    border:none;
    color:rgb(92,1,32);
    font-family:arial,sans-serif;
    font-size:65%;
    font-weight:normal;
    horizontal-align:center;
    position:absolute;
    left:0%;
    top:0%;
  }
}

@media (orientation: landscape) {
  .menu .dropbtn {
    background:white;
    border:none;
    color:rgb(92,1,32);
    font-family:arial,sans-serif;
    font-size:90%;
    font-weight:normal;
    horizontal-align:center;
    position:absolute;
    left:0%;
    top:0%;
  }
}

.dropdown:hover .dropbtn {
  background-color:white;
}