/**
* Colors
**/
/**
 * App page
 */
.app-page {
  height: auto;
  transform: none;
  -webkit-transform: none;
}
/**
* Header Theme
**/
.header-bar {
  background-color: white;
  height: 60px;
}
.header-bar .title {
  color: #333;
}
/**
* Hero
**/
.hero {
  background-color: #222;
  width: 100%;
  overflow: hidden;
}
.hero-section {
  margin-top: 55px;
}
/**
* content
**/
.header-bar ~ .content {
  margin-top: 0px;
}
body {
  min-width: 300px;
}
/**
* FONT FAMILY
**/
body,
input,
textarea,
button,
select,
label,
p {
  font-family: "Roboto", "Segoe UI", sans-serif !important;
  font-size: 16px;
}
body {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  overflow: visible !important;
}
/**
* Blog post
**/
.blog-list {
  max-width: 720px;
  margin: 0 auto;
}
.blog-list a:hover {
  text-decoration: underline;
  color: #0084E7;
}
.blog-list li {
  margin: 20px;
}
/**
* Blog content
**/
.blog-post-content {
  position: relative;
}
.middle-post {
  max-width: 720px;
  margin: 0 auto;
}
#post {
  min-height: 575px;
  height: auto;
}
/**
 * Code
 */
code {
  background-color: #eee;
  border: 1px solid #999;
  display: block;
  padding: 20px;
}