/* Colors */
/* Fonts */
/* Mixins */
/* Style declarations */
html {
  font-size: 10px; }

body {
  color: #b2b2b2;
  background-color: #232a32;
  font-family: Lato, sans-serif;
  font-size: 2rem;
  line-height: calc(2rem * 1.5); }

p {
  font-size: 2rem;
  line-height: calc(2rem * 1.5); }

p, a .nav-link, .blog-timestamp, .home-name-subtitle, input[type=submit], .form-field {
  font-family: Lato, sans-serif; }

h1, h2, h3, a, .heading, .heading-2, .heading-3, .text-block, .link, .form-success {
  color: #0050ef; }

/* ===== */
h1, h2, h3, h4 {
  font-weight: 700px; }

h1 {
  font-size: 8rem; }

h2 {
  font-size: 6rem; }

h3 {
  font-size: 4rem; }

h4 {
  font-size: 3rem; }

h1, h2, h3, .site-logo-type, .form-success, .form-error, .text-block, .text-block-2 {
  font-family: Kalam, serif; }

h2, h3 {
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg); }

.form-error {
  color: #9c2222; }

.nav-link {
  color: #fff;
  font-size: 2rem; }

.home-name-card-container {
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg); }

input[type=submit], .link.button {
  background-color: #0050ef; }