@font-face {
  font-family: "Noto Serif";
  font-weight: 500;
  src: local("Noto Serif"), url("/fonts/NotoSerif/NotoSerif-Regular.ttf"); }
@font-face {
  font-family: "Noto Serif";
  font-weight: 700;
  src: local("Noto Serif Bold"), url("/fonts/NotoSerif/NotoSerif-Bold.ttf"); }
@font-face {
  font-family: "Noto Serif";
  font-style: italic;
  font-weight: 500;
  src: local("Noto Serif Italic"), url("/fonts/NotoSerif/NotoSerif-Italic.ttf"); }
@font-face {
  font-family: "Noto Serif";
  font-style: italic;
  font-weight: 700;
  src: local("Noto Serif Bold Italic"), url("/fonts/NotoSerif/NotoSerif-BoldItalic.ttf"); }
::selection {
  background-color: #468;
  color: #fff; }

::-moz-selection {
  background-color: #468;
  color: #fff; }

body {
  padding: 0;
  background-color: #ffffff;
  cursor: default;
  line-height: 1.618;
  font-family: "Noto Serif"; }

p,
li,
table {
  font-size: 1.15em; }

table {
  margin: 2.5em 0; }

tr {
  border-bottom: 1px solid #aaa; }

code {
  background-color: #eee;
  color: #555; }

@media (max-width: 500px) {
  .logo {
    display: none; } }
@media (min-width: 1200px) {
  .slogan {
    line-height: 205px; } }
@media (min-width: 768px) {
  .title {
    margin: 0;
    line-height: 205px; } }
h1,
h2,
h3 {
  margin: 1em 0 1em 0.5em; }

a {
  transition: 0.15s color; }

.title {
  font-size: 3em;
  font-weight: bold; }

.slogan {
  font-size: 2em;
  font-style: italic; }

.bar {
  margin-top: 5em; }

.navbar {
  background-color: rgba(255, 255, 255, 0.7);
  border: 0; }

.navbar-brand,
.navbar a {
  color: #25AEDF !important; }

.navbar a:hover,
.navbar a:focus {
  color: #36E1EB !important; }

.navbar a:active {
  color: #fff !important;
  text-shadow: 0 0 0.1em #fff;
  transition: 0.15s text-shadow; }

div.logo {
  padding: 2em 0; }
  div.logo img {
    height: 3em;
    margin: 0 2em 0 0;
    vertical-align: bottom;
    width: 3em; }
  div.logo span {
    font-size: 2em;
    font-weight: bold; }

.recent {
  color: #262; }

.footer {
  color: #777;
  font-size: 1.1em;
  margin-top: 2em;
  padding: 2em 0;
  text-align: center; }
.button {
   border: 0px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   padding: 15px 30px;
   -webkit-border-radius: 16px;
   -moz-border-radius: 16px;
   border-radius: 16px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06426c;
   font-size: 16px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border: 0px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #fff;
   }
.button:active {
   text-shadow: #1e4158 0 1px 0;
   border: 0px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
   }
img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}
/*# sourceMappingURL=main.css.map */
