.nav ul { margin: 0; padding: 0; width: 100px; background-color: #4B513F; position: fixed; height: 100%; overflow: auto; text-align: center; }
@media only screen and (max-width: 576px) { .nav ul { width: 11%; font-size: 3vw; }
  .nav ul strong { display: none; } }
@media only screen and (max-width: 854px) { .nav ul { width: 11%; }
  .nav ul strong { font-size: 1.7vw; } }
.nav li a { display: block; padding: 8px 16px; text-decoration: none; color: #ffffff; }
.nav li a.active { background-color: #808a6c; color: white; }
.nav li a:hover:not(.active) { background-color: #303429; color: #ffffff; }

.projects-table th:first-of-type { border-top-left-radius: 80px; }
.projects-table th:last-of-type { border-top-right-radius: 80px; }
.projects-table tr:last-of-type { border-bottom-right-radius: 80px; }
.projects-table tr:last-of-type td:first-of-type { border-bottom-left-radius: 80px; }
.projects-table tr:last-of-type td:last-of-type { border-bottom-right-radius: 80px; }
@media only screen and (max-width: 854px) { .projects-table td:nth-child(1) { border-top-left-radius: 80px; border-top-right-radius: 80px; }
  .projects-table td:nth-child(2) { border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; }
  .projects-table tr:last-of-type td:first-of-type { border-bottom-left-radius: 0; }
  .projects-table td:nth-child(2) { height: 125px; margin-bottom: 20px; }
  .projects-table tr { background-color: transparent !important; } }
.projects-table tr img { min-width: 250px; max-width: 75%; max-height: 400px; }
.projects-table tr img[src="assets/images/logo_github.png"] { min-width: 32px; max-width: 64px; }
@media only screen and (max-width: 854px) { .projects-table tr td { display: block; border: none; }
  .projects-table tr th { display: none; } }

html { background: #181A1B; }

body { margin: 0; }

main, footer { color: #ffffff; margin-left: 10%; padding: 1px 16px; height: 100%; }

table { border-spacing: 0; padding-right: 10%; }
table td { text-align: center; border: 0px solid #1D1E1F; padding: 5px; background-color: #1D1E1F; }
table th { background-color: #202223; }
table tr:nth-child(even) { background-color: #151515; }
table tr:first-child td { border-top: 0; }
table tr td:first-child { border-left: 0; font-weight: bold; }
table tr:last-child td { border-bottom: 0; }
table tr td:last-child { border-right: 0; }