/* line 1, app/assets/stylesheets/_colors.scss */
:root {
  --app-white: #ffffff;
  --app-dark: #3C3C3C;
  --app-yellow: #FFCE4E;
}
@font-face {
  font-family: 'ShreeDev0714';
  src: local("ShreeDev0714"), url(/assets/ShreeDev714-826c56f4adca3f94942c1761670ca8cd8b8022603049d0420f6c1fdaa86c14e5.ttf);
}

@font-face {
  font-family: 'ShreeDev0714-Bold';
  src: local("ShreeDev0714-Bold"), url(/assets/ShreeDev714-Bold-00ae9fe60bf1c760185f01ab3066ac4ed38ea9aa49ab91945ac70244b43bd3d6.ttf);
}
/* line 1, app/assets/stylesheets/main.scss */
.app {
  font-family: ShreeDev0714;
  background: var(--app-yellow);
  font-size: 21px;
  margin: 0;
  padding: 0;
}

/* line 8, app/assets/stylesheets/main.scss */
.app h1 {
  margin: 0;
  padding: 0;
  font-family: ShreeDev0714-Bold;
  font-size: 34px;
}

/* line 15, app/assets/stylesheets/main.scss */
.app h2 {
  margin: 0;
  padding: 0;
}

/* line 20, app/assets/stylesheets/main.scss */
.app h3 {
  margin: 0;
  padding: 0;
  font-family: ShreeDev0714-Bold;
  font-size: 21px;
}

/* line 27, app/assets/stylesheets/main.scss */
.app p {
  margin: 0;
}

/* line 31, app/assets/stylesheets/main.scss */
.app hr {
  margin: 1rem 0;
  padding: 0;
  border: 0;
  border-top: 1px var(--app-dark) solid;
}

/* line 38, app/assets/stylesheets/main.scss */
.app img {
  max-width: 100%;
}

/* line 42, app/assets/stylesheets/main.scss */
.app a {
  text-decoration: none;
  color: var(--app-dark);
}

/* line 46, app/assets/stylesheets/main.scss */
.app a:hover {
  text-decoration: underline;
}

/* line 52, app/assets/stylesheets/main.scss */
.app h1 a:hover {
  text-decoration: none;
}

/* line 57, app/assets/stylesheets/main.scss */
.app .margin-bottom {
  margin-bottom: 20px;
}

/* line 61, app/assets/stylesheets/main.scss */
.app .inner-container {
  max-width: 640px;
  margin: 0 auto;
}

/* line 66, app/assets/stylesheets/main.scss */
.app .text-dark {
  color: var(--app-dark);
}

/* line 70, app/assets/stylesheets/main.scss */
.app .flex {
  display: flex;
}

/* line 74, app/assets/stylesheets/main.scss */
.app .items-center {
  align-items: center;
}

/* line 78, app/assets/stylesheets/main.scss */
.app .padding-left-small {
  padding-left: 5px;
}

/* line 82, app/assets/stylesheets/main.scss */
.app .image-source {
  font-size: 15px;
}

/* line 86, app/assets/stylesheets/main.scss */
.app header {
  padding: 1.5rem 2rem 1rem;
  background: var(--app-dark);
  color: var(--app-white);
}

/* line 91, app/assets/stylesheets/main.scss */
.app header a {
  color: var(--app-white);
}

/* line 96, app/assets/stylesheets/main.scss */
.app footer {
  border-top: 1px var(--app-dark) solid;
}

@media only screen and (max-width: 710px) {
  /* line 96, app/assets/stylesheets/main.scss */
  .app footer {
    margin: 0rem 2rem;
  }
}

/* line 103, app/assets/stylesheets/main.scss */
.app footer ul {
  max-width: 640px;
  list-style: none;
  margin: 0;
  padding: 1rem 0;
  margin: auto;
  display: flex;
}

/* line 111, app/assets/stylesheets/main.scss */
.app footer ul li {
  padding-right: 2rem;
}

/* line 114, app/assets/stylesheets/main.scss */
.app footer ul li a {
  font-size: 0.9rem;
}
/* line 2, app/assets/stylesheets/pages.scss */
.pages section {
  margin: 1rem 2rem;
  padding: 0;
}

/* line 6, app/assets/stylesheets/pages.scss */
.pages section .content {
  margin: auto;
  max-width: 640px;
  font-size: 17px;
}

/* line 11, app/assets/stylesheets/pages.scss */
.pages section .content h2 {
  font-size: 2rem;
  word-wrap: break-word;
}

@media only screen and (max-width: 350px) {
  /* line 11, app/assets/stylesheets/pages.scss */
  .pages section .content h2 {
    font-size: 1.8rem;
  }
}

/* line 20, app/assets/stylesheets/pages.scss */
.pages section .content p {
  margin: 15px 0;
}
/* line 2, app/assets/stylesheets/quotes.scss */
.quotes article {
  margin: 1rem 2rem;
  padding: 0;
}

/* line 6, app/assets/stylesheets/quotes.scss */
.quotes article .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - 110px - 2rem);
}

/* line 12, app/assets/stylesheets/quotes.scss */
.quotes article .content h2 {
  font-size: 2.5rem;
  color: var(--app-white);
}

@media only screen and (max-width: 350px) {
  /* line 12, app/assets/stylesheets/quotes.scss */
  .quotes article .content h2 {
    font-size: 2rem;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */