/*
 * Globals
 */

/* Add white border + rounded corners (optional but looks nice) */
.lead img {
    border: 1px solid white;
    border-radius: 2px;        /* optional: soft corners */
    box-sizing: border-box;    /* ensures width=100 still includes border */
}

/* Add horizontal spacing between the images */
.lead > div {
    margin-right: 3px;        /* space between each image column */
}

.lead > div:last-child {
    margin-right: 0;           /* remove margin from the last one */
}



/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #333;
}

body {
  display: flex;
  color: #fff;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}