body {
    padding-top: 60px; /* sit below fixed header */
}
h1 {
    color: #2a9fd6;
    font-size: 2em;
}
h2 {
    color: #77b300;
    font-size: 1.4em;
}
h3 {
    font-size: 1.2em;
}
h4, h5, h6 {
    font-size: 1em;
}
h3, h4, h5, h6 {
    color: #9933cc;
}
ul.pager {
    margin: 0 0 19px 0;
}
ul.pager li {
    margin-right: 12px;
}
pre {
    padding: 0;
}
pre code {
    white-space: pre;
    overflow-wrap: normal;
}
.navbar-nav li.current a, .navbar-nav li.current a:hover {
    color: #77b300;
}

#particles {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -100;
}
#photos, #youtubes{
    text-align: center;
}

#photos img {
    max-width: 100%;
    min-height: 200px;
}

#ttt {
    margin: 0 auto;
    overflow: hidden;
    width: 274px;
}
#ttt .square {
    float: left;
    font-family: sans-serif;
    font-size: 80px;
    font-weight: bold;
    height: 90px;
    line-height: 90px;
    text-align: center;
    width: 90px;
}
#ttt, #ttt .square {
    border: 2px solid gray;
}

#youtubes #player {
    max-width: 100%;
}
#youtubes-search #search-results {
    margin-top: 10px;
}
#youtubes-search #search-results div {
    position: relative;
}
#youtubes-search #search-results img {
    border: solid;
    height: 5em;
    margin-right: 10px;
    width: 8em;
}
#youtubes-search + #search-results td {
    vertical-align: middle;
}
#youtubes-search + #search-results img {
    width: 130px;
}
#youtubes-search + #search-results a.current {
    color: white;
    cursor: default;
}
#youtubes-search + #search-results .buttons {
    white-space: nowrap;
}