/* color for entire page
*/
body {
  background-color: #cad2c5;
}

/* navbar custom properties
*/
.navbar {
  background-color: #2f3e46;
}
.navbar-brand {
  color: white;
}
.nav-link {
  color: white;
}

/* h1 styling 
*/
h1 {
  padding: 10px 10px 10px 0px;
}

/* consistent size and margins for all images
*/
img {
  width: 150px;
  height: 150px;
  margin: 20px 20px 20px 10px;
}

/* custom colors for the navbar hamburger button. 
this is the outline color
*/
.custom-toggler.navbar-toggler {
  border-color: white;
}
/* changed the RGBA values in this link to change background color on hamburger
*/
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(202, 210, 197, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
a {
  color: white;
}
.screen {
  height: 150px;
  width: 150px;
}