.landing .show ul {
  display: inline !important;
}
.light .helpertext {
  color: #333333;
}
.light.port {
  background: #f6f6f6 !important;
}
.light.port li a {
  color: #c0c0c0 !important;
}
.light.port .show ul.light-mode {
  display: inline !important;
}
.light header {
  background: #ffffff;
  border-bottom: 1px solid #e6e6e6;
}
.light h1 {
  color: #006361;
}
.light h2 {
  color: #1C6AB5;
}
.light h3 {
  color: #222222;
}
.light h4,
.light .dates {
  color: #1C6AB5;
}
.light p {
  color: #222222;
}
.light header .menu-icon .navicon {
  background: #888888;
}
.light header .menu-icon .navicon:before,
.light header .menu-icon .navicon:after {
  background: #888888;
}
.light #scrolldown {
  color: #1C6AB5;
}
.light .active a {
  color: #222222;
}
.light #profile-picture {
  border: 2px solid #d1d1d1;
}
.light .city {
  color: #555555;
}
.light .meter {
  border: 1px solid #c0c0c0;
}
.light li {
  color: #222222;
}
.light li a.active:before {
  border: 3px solid #006361;
}
.light .circle,
.light .circle .cover,
.light .circle:before,
.light .cover {
  background: #ffffff;
}
.light #social a {
  border: 3px solid #888888;
  color: #888888;
}
.light #nav {
  background: #ffffff;
}
.light #nav.show ul li:hover {
  color: #775ba4;
}
.light #vert,
.light .line {
  background: #d1d1d1 !important;
}
.light .circle:before {
  box-shadow: inset 0 0 0 2px #d1d1d1 !important;
}
.light .project img {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.dark .helpertext {
  color: #ffffff;
}
.dark.port {
  background: #000000 !important;
}
.dark .show ul.dark-mode {
  display: inline !important;
}
.dark header {
  background: #000;
  border-bottom: 1px solid #333;
}
.dark h1 {
  color: #ffffff;
}
.dark h2 {
  color: #59bebc;
}
.dark h3 {
  color: #ffffff;
}
.dark h4,
.dark .dates {
  color: #59bebc;
}
.dark p {
  color: #ffffff;
}
.dark header .menu-icon .navicon {
  background: #ffffff;
}
.dark header .menu-icon .navicon:before,
.dark header .menu-icon .navicon:after {
  background: #ffffff;
}
.dark #scrolldown {
  color: #ffffff;
}
.dark .city {
  color: #ffffff;
}
.dark #profile-picture {
  border: 2px solid #ffffff;
}
.dark .active a {
  color: #ffffff;
}
.dark li {
  color: #ffffff;
}
.dark li a.active:before {
  border: 3px solid #ffffff;
}
.dark .circle,
.dark .circle .cover,
.dark .circle:before,
.dark .cover {
  background: #111111;
}
.dark #social a {
  border: 3px solid #ffffff;
  color: #ffffff;
}
.dark .circle:before {
  box-shadow: inset 0 0 0 2px #ffffff;
}
.dark svg {
  fill: #ffffff;
}
.dark #nav {
  background: #000000;
}
.dark #cl,
.dark #clb {
  background: #ffffff;
}
.dark #nav.show ul li:hover {
  color: #59bebc;
}
.dark #vert,
.dark .line {
  background: #d1d1d1 !important;
}
.dark .project img {
  box-shadow: #666666 0px 1px 3px 0px, #666666 0px 1px 2px 0px;
}