img.card-thumbnail {border-radius:5px 0 0 5px;max-width:200px;max-height:200px}
#bg-nav { display:block; margin:1rem 0 0; }
.card-blox-indent-left {margin-left:-0.5rem;padding-right:0.5rem}
p a {word-wrap:break-word}
p a, p a:link, p a:visited, p a:active {color:rgb(0, 122, 255)}
p a:focus, p a:hover {color:rgb(36, 172, 255)}
body {background:#1e90ff}
svg#bg {position:fixed;top:0;left:0;width:100%;height:100vh;min-height:100%;z-index:-1}
#sidebar-cards {position:sticky;top:24px}
#bg-nav { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; gap:0.5rem; }
#bg-nav li { display:inline-block; height:2.125rem; }
#bg-nav li a { position:relative; width:2rem; height:2rem; cursor:pointer; display:inline-block; border-radius:4px; overflow:hidden; }
#bg-nav li a svg { position:absolute; top:0; left:0; width:2rem; height:2rem; }
#game-card .card-header { padding-bottom:4px}
#game-card h2 {font-size:1.25rem}
@media (min-width:1200px){.container{max-width:960px}}
@media (min-width:1400px){.container{max-width:960px}}
@media (max-width:439px){
  img.card-thumbnail{max-width:100px;max-height:100px; border-radius:5px 5px 5px 5px}
  .portfolio-col{padding-top:0.5rem;padding-bottom:0.5rem}
  h2.card-title{font-size:1.5rem}
}
@media (max-width:767px) { 
  #bg-nav { display:none; }
}
@media (max-width:991px) { 
  #game-card { display:none; }
}