html,body {
    margin: 0px;
    background: url(image/silvery-darker-wallpaper.png) no-repeat;
    color: #eeeeee;
    font-family:helvetica-w01-bold,helvetica-w02-bold,helvetica-lt-w10-bold,sans-serif;
}

.content {
    display: flex;
    flex-direction: column;
}

.header {
    display: flex;
    flex-direction: row;
    padding: 1em;
}

.header > * {
    align-self: flex-end;
}

.header .logo {
    width: 125px;
    height: 96px;
    background: url(image/sidekicks_logo.svg) no-repeat;
}

.header .title {
    font-size: 28pt;
}

.accent {
    font-size: .5em;
    font-style: italic;
}

.body {
    flex: 1;
    overflow-y: auto;
    padding: 2em 20%;
}

.body .notice {
    font-size: 16pt;
}

.body .hostname {
    color: #fc2205;
    font-weight: 700;
}

.body .products {
    margin-top: 2em;
}

.body .products > *:not(:last-child) {
    margin-bottom: 2em;
}