/*STYLE GUIDE STARTS ----------*/

section{

  margin-left: 11em;

}

section section{

  margin: 1em 0em;
}

code{

  font-family: monospace;
  background-color: #e5e9f2;
  padding: 0.5em 0em;
}

h1{

  font-family: 'Montserrat';
  letter-spacing: 0.08em;
  font-weight: 500;
  margin: 1em 0em;

}

h2{

  letter-spacing: 0.07em;
  font-size: 1.2rem;
  font-style: normal;
  margin-top: 2em;

}

h3{

  letter-spacing: 0.07em;
  font-size: 1rem;
  font-style: italic;
  margin: 1em 0em;
}

.in-text-link-section a{

  letter-spacing: 0.07em;

}

input[type=text]{

  padding: 0.5em 1em;
  border: 1px solid #768BB7;
  font-size: 0.6rem;
  font-style: italic;
  letter-spacing: 0.07em;


}

input[type=text]:focus, input[type=text]:active{

  outline-color: #768BB7;

}

.subbutton{

  border: 1px solid #768BB7;
  font-size: 0.8rem;
  padding: 0.5em 1em;
  letter-spacing: 0.07em;
  color: #768BB7;
  text-decoration: none;
  transition: ease-out 0.2s background-color;

}

.subbutton:hover, .subbutton:active{

  background-color: #768BB7;
  color: #FFF;

}

.style-bullet ul{

  list-style-type: disc;

}

.style-bullet li{

  color: #768BB7;
  letter-spacing: 0.07em;
  padding: 0.5em 0em;

}