#main {
  display: flex; }

.section {
  margin: 1em; }
  .section .box-header {
    padding: 0.5em 2em 2em;
    font-size: 1.7em; }

#notebook .page {
  margin: 1em;
  padding: 1em; }

#left {
  width: 41.66%; }

#right {
  width: 58.33%; }

@media (max-width: 960px) {
  #left, #right {
    width: 100%; } }
#center {
  width: 100%; }

#right, #center {
  display: flex;
  flex-direction: column; }
  #right .section, #center .section {
    display: flex; }
  #right .box-header, #center .box-header {
    writing-mode: vertical-rl;
    text-align: right;
    -webkit-transform: rotate(180deg); }
  #right .box-body, #center .box-body {
    display: inline-block; }
  #right img, #center img {
    max-height: 20em; }

@media (max-width: 640px) {
  #right img, #center img {
    max-width: 25em;
    max-height: 25em; } }
#pixel {
  padding: 0 1em 0 0; }
  #pixel .drawing {
    display: inline-block;
    margin: 1em 0 0.5em 1em; }

#glitch .glitch {
  display: inline-block;
  margin: 1em; }

#photo .album {
  margin: 1em;
  display: flex;
  flex-wrap: wrap; }
  #photo .album .album-header {
    width: 100%; }
  #photo .album .photo {
    margin: 0.5em 0.5em 0 0; }