.item-card {
  margin-left: 20px;
}

body{
  background: black;
  color: white;
  font-family: 'Roboto Mono', monospace;
  font-weight: 100;
}

p {
  font-size: 1.2em;
  font-weight: 300;
}

a {
  color:rgb(143, 154, 169);
  text-decoration: none;
}

.tab {
  margin-left: 1%;
}

.menu {
  background:white;
  margin-top:1%;
  position: fixed;
  display:block;
  z-index:1000;
  width:100%;
  height: 2em;
}

.menu-item {
  color: black !important;
}

.item-title {
 font-size:1em;
}

#item-container {
  padding-top: 3em;
  margin-left: 0;
  margin-right: 0;
}


#about-text {
  padding-top: 5em;
  margin-left: 2%;
}

.contact-container {
  padding-top: 5em;
  margin-left: 2%;
}


#overlay {
  position: fixed; /* Sit on top of the page content */
  display: block; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("/static/overlay.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -2; /* Specify a stack order in case you're using a different order for other elements */
  pointer-events: none;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}