@font-face {
  font-family: 'Butler';
  font-weight: normal;
  src: url(/dist/1c93a638b28bc696fe31a5e9ca1e18df.otf); }

@font-face {
  font-family: 'Butler';
  font-weight: bold;
  src: url(/dist/bb20bd82505e606d2271e1aa308d62f2.otf); }

@font-face {
  font-family: 'Butler';
  font-weight: lighter;
  src: url(/dist/89498099657e20181336bb7169bb01b2.otf); }

@font-face {
  font-family: 'Butler';
  font-weight: 100;
  src: url(/dist/47903a19cdb1dc8bea2c17cd70e81121.otf); }

@font-face {
  font-family: 'Butler';
  font-weight: 200;
  src: url(/dist/89498099657e20181336bb7169bb01b2.otf); }

@font-face {
  font-family: 'Butler';
  font-weight: 300;
  src: url(/dist/89498099657e20181336bb7169bb01b2.otf); }

@font-face {
  font-family: 'Butler';
  font-weight: 400;
  src: url(/dist/1c93a638b28bc696fe31a5e9ca1e18df.otf); }

@font-face {
  font-family: 'Butler';
  font-weight: 500;
  src: url(/dist/fbda348653745b3db7e2b87cd1a141fe.otf); }

@font-face {
  font-family: 'Butler';
  font-weight: 600;
  src: url(/dist/fbda348653745b3db7e2b87cd1a141fe.otf); }

@font-face {
  font-family: 'Butler';
  font-weight: 700;
  src: url(/dist/bb20bd82505e606d2271e1aa308d62f2.otf); }

@font-face {
  font-family: 'Butler';
  font-weight: 800;
  src: url(/dist/769a70a64ce261474b03e9f9f19a917c.otf); }

@font-face {
  font-family: 'Butler';
  font-weight: 900;
  src: url(/dist/7797713384091e6cac80daf5b147e10b.otf); }

html, body {
  background: #a2bacd;
  font-family: "Butler";
  color: #393D3F; }
  html p, body p {
    font-size: 20px; }

h1 {
  font-family: "Butler";
  font-weight: 600; }

.gif {
  text-align: center; }
  .gif.loading {
    background: url(/dist/ffec48a5c9dd7238d69a78ae0794aeb9.gif);
    width: 709px;
    height: 606px; }
  .gif.lines-of-code {
    background: url(/dist/a8e4124a5e3655483ba83591e6efeb88.gif);
    width: 400px;
    height: 300px; }
  .gif.write {
    background: url(/dist/2e32fac790cb5b09877e189e7b4035bd.gif);
    width: calc(100% - 10px);
    height: 180px;
    background-size: 100% 100%;
    opacity: 50%; }

#okta-sign-in .focused-input, #okta-sign-in .link.help:focus {
  box-shadow: none !important; }

#okta-sign-in.auth-container .button-primary, #okta-sign-in.auth-container .button-primary:active, #okta-sign-in.auth-container .button-primary:focus {
  background: #C6C5B9;
  text-transform: uppercase;
  font-weight: bold;
  border: none;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }

#okta-sign-in.auth-container .button-primary:active {
  background: #C6C5B9; }

#okta-sign-in.auth-container .button-primary:hover, #okta-sign-in.auth-container .button-primary:focus {
  background: #87856e !important; }

#okta-sign-in.auth-container .okta-form-input-field.focused-input {
  border-color: #000; }

#okta-sign-in.auth-container.main-container {
  background-color: #FDFDFF !important;
  border-radius: 10px !important;
  box-shadow: 0 0 16px #7095b2; }