/*
 * Globals
 */

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

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  background-color: #fff;
  border: .05rem solid #fff;
}
.h1, h1 {
    font-size: 3rem;
}
.h2, h2 {
    font-size: 2rem;
}


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

}

body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: #000;
  font-family: arial,sans-serif;
    font-size: 1.1rem;
}

.cover-container {
  max-width: 30em;
}

.navbar-margin {
  margin-bottom: 67px;
}

.white {
  color: rgba(255, 255, 255, .9);
      z-index: 2;
    opacity: 0.9;

}
.speech-bubble {
  position: relative;
  background: #FDC300;
  border-radius: 4.5rem;
}

.speech-bubble:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 40%;
  width: 0;
  height: 0;
  border: 100px solid transparent;
  border-top-color: #FDC300;
  border-bottom: 0;
  border-right: 0;
  margin-left: 50px;
  margin-bottom: -80px;
}