@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

.md-header {
  background-color: #34304f;
}

.md-typeset {
  font-family: 'Lato', sans-serif;
}

.screenshot {
  box-shadow: 0px 5px 10px #000000D0;
  border-radius: 10px;
}

.home-doc-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.home-doc-header .text-section {
  display: flex;
  flex-direction: column;
  align-self: center;
  justify-content: flex-start;
}

.home-doc-header .text-section h1 {
  font-size: 2em;
  margin-bottom: 0;
}

.home-doc-header .text-section p {
  margin-top: 0;
}

.home-doc-header .image-section img {
  width: 400px;
  height: 232px;
  border: none;
  background: none;
  padding: 0;
  margin: 1em;
}