Wild Series

work in progress
March 2026

html

title page

<figure class="title-icon">
    <img alt="Logo: Orca Wild" src="image/orca_wild_logo.png"/>
</figure>

Fonts

@font-face{
    font-family: cooper;
    font-style: normal;
    font-weight: bold;
    src: url("../font/CooperHewitt-Heavy.otf");
}

@font-face{
    font-family: cooper;
    font-style: normal;
    font-weight: normal;
    src: url("../font/CooperHewitt-Medium.otf");
}

Additional CSS

/* WILD CSS */

figure.title-icon {
    clear: both;
    margin: 2rem auto;
    max-width: 300px;
    text-align: center;
    width: 5rem;
}

figure.title-icon img {
    height: auto;
    max-width: 100%;
    object-fit: contain;
    vertical-align: bottom;
    width: 15em;
}

h1.titlepage{
    color: #c35500;
    font-family: cooper, sans-serif;
    font-size: 6em;
    font-weight: bold;
    text-transform: uppercase;
}

h2.author{
    color: #444444;
    font-family: cooper, sans-serif;
    font-size: 1.5em;
    font-weight: normal;

}

li.toc-fb{
    text-align: left;
    text-transform: uppercase;
}

li.toc-1{
    line-height: 1.2;
    margin: .25em 0 0;
    text-align: left;
    text-transform: uppercase;
}

li.toc-fb a,
li.toc-1 a{
    font-weight: bold !important;
}

li.toc-2 a{
    font-weight: normal !important;
}

span.toc_sub{
    font-family: committee, sans-serif;
    font-size: .8em;
    font-weight: normal;
}

li.toc-2{
    text-align: left;
    text-transform: uppercase;
}

figcaption{
    background: #DAE8D6;
    margin: -.5em 0 0;
    padding: .5em 1em;
}

figure.circle figcaption{
    background: none;
    text-align: center;
}

figure.author figcaption{
    background: none;
    padding: 0;
}