.box, .success, .error, .message {
  border-radius: 4px;
  padding: 16px 32px;
  margin: 0px 0 16px 0;
  overflow: auto;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}
    
body {
  background: #f7f7f2;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 19px;
  color: #444;
  margin: 0px;
  min-height: 800px;
}

select, input, textarea {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 19px;
}

label {
  font-weight: 300;
  display: block;
}

h1, h2, h3 {
  color: #777;
  font-size: 19px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 12px 0;
}

p {
  margin: 0px 0px 16px 0px;
}

h1 {
  border-bottom: 2px solid #ccc;
}

ul {
  list-style-image: url("../img/bullet.png");
  margin: 8px 0 16px 0;
}

li {
  margin-bottom: 4px;
}

.box, .success, .error, .message {
  border-radius: 4px;
  padding: 16px 32px;
  margin: 0px 0 16px 0;
  overflow: auto;
}

.container {
  width: 920px;
  margin: 0px auto 64px auto;
  padding: 32px 40px 40px 40px;
}

.social-media {
  float: right;
  height: 36px;
}

.img-shadow {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.main {
  clear: both;
  border-top: 2px solid #ccc;
  padding-top: 24px;
}

.main a {
  text-decoration: underline;
  color: #305060;
}

.main a:hover {
  text-decoration: underline;
  color: #71a0b8;
}

.menu {
  padding: 16px 0px 16px 0px;
  letter-spacing: 1px;
  text-transform: uppercase;
  float: right;
  clear: right;
}

.menu a {
  text-decoration: none;
  color: #999;
}

.menu a:hover {
  text-decoration: underline;
  color: #305060;
}

.logo a {
  color: #aaa;
  font-size: 32px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  float: left;
  clear: both;
}

.form {
  width: 100%;
  padding: 5px;
  margin-bottom: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.separator {
  padding: 0px 8px;
  font-weight: 600;
  color: #ccc;
}

.screenshot-text {
  padding: 0 32px 32px 32px;
}

.box, .success, .error, .message {
  border-radius: 4px;
  padding: 16px 32px;
  margin: 0px 0 16px 0;
  overflow: auto;
}

.message {
  background-color: #fffad6;
  border: 2px solid #e8e2ba;
  color: #3d3500;
}
.message a {
  color: #7a7029;
}
.message a:hover {
  color: #cfc26e;
}
.message h1 {
  color: #7a7029;
  border-color: #e8e2ba;
}

.error {
  background-color: #ffd6d6;
  border: 2px solid #e8baba;
  color: #3d0000;
}
.error a {
  color: #7a2929;
}
.error a:hover {
  color: #cf6e6e;
}
.error h1 {
  color: #7a2929;
  border-color: #e8baba;
}

.success {
  background-color: #f7ffd6;
  border: 2px solid #dfe8ba;
  color: #313d00;
}
.success a {
  color: #6a7a29;
}
.success a:hover {
  color: #bbcf6e;
}
.success h1 {
  color: #6a7a29;
  border-color: #dfe8ba;
}

.box {
  background-color: #ffffff;
  border: 2px solid #e6e6e6;
  color: #333333;
}
.box a {
  color: #666666;
}
.box a:hover {
  color: #b3b3b3;
}
.box h1 {
  color: #666666;
  border-color: #e6e6e6;
}

/*# sourceMappingURL=style.css.map */