body {
    font-family: "SF Pro Display", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
pre, code, .tabs, .mono {
    font-family: "SF Mono", monospace;
}
blockquote {
    font-family: 'New York Medium', sans-serif;
}
.icons {
    text-align: center;
}
.navbar {
    float: right;
    text-align: right;
    list-style: none;
}
@media only screen and (max-width: 500px) {
  .navbar {
    display: none;
  }
}
@media only screen and (max-width: 520px) {
  .ozamen {
    display: none;
  }
}
@media only screen and (max-width: 460px) {
  .sakura {
    display: none;
  }
}
.card {
    display: flex;
    align-items: flex-start;
}
.card img {
    width: 8em;
}
.card p {
    margin-left: 1em;
}
.timeline {
    border-left: 2px solid;
}
.dim {
    opacity: 0.33;
}
.dimer {
    opacity: 0.1;
}
.settings {
    opacity: 0.67;
    font-size: 3rem;
    float: right;
    position: relative;
    top: 1rem;
    margin-left: 1rem;
}
.settings:hover, .w3a:hover {
    border-bottom: none;
}
.tag {
    position: relative;
    top: 4px;
    opacity: 0.9;
    margin-bottom: 0px;
}
.w3a, .shield {
    float: right;
    margin-bottom: 0px;
}
.w3img {
    margin-bottom: 0px;
    width: 55px;
    position: relative;
    top: 2px;
}
.hidden {
    display: none;
}
.blink {
    animation: kfblink 2s step-start 0s infinite;
}
@keyframes kfblink {
    50% { opacity: 0; }
}
.drawerbutton {
    margin-bottom: 0px;
}
.drawertext {
    text-justify: inter-word;
}
#drawerblockquote {
    margin-top: 0px;
}
@media screen {
    .print {
        display: none;
    }
}
@media print {
    .nopagebreak {
        page-break-inside: avoid;
    }
    .noprint {
        display: none;
    }
}