configurator.css

body {
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  background: #424343;

}
/* tags */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
}

p {
  font-family: 'Montserrat';
  font-size: 1rem;
  line-height: 1.5;
  color: black;
}
div {
  margin: 0 auto;
 }
 .container-fluid {
  padding: 7% 15%;
}

/* text */
.product-heading {
  font-size: 3.5rem;
  line-height: 1.5;
  text-align: center;
}

.code-window {
  font-size: 1.5rem;
  line-height: 1.5;
}

.text-window {
  font-size: 1.5rem;
  line-height: 1.5;
}

.heading {
  font-size: 1.5rem;
  line-height: 1.5;
}

.icons {
  font-weight: bold;
  text-align: left;
}

/* dot selectors */
 .dot {border-radius: 50%;
  width: 50px;
  height: 50px;
}

.blue {
  background: #165895;
 }
.teal {
  background: #509F9B;
 }
.forest {
  background: #6F8248;
 }
 .pink {
  background: #EFC7D1;
 }

 /* text boxes */
 .text-box {
  overflow-x:scroll;
  border:solid black 1px;
  background: lightgrey;
    height:100px;
    width:80%;
    text-align: left;
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 5%
  }