@font-face {
  font-family: 'tweekFont';
  src: url("fonts/SourceSansPro-Light.ttf"); }

:root {
  font-family: 'tweekFont';
  font-size: 25px; }
  @media (max-width: 1025px) {
    :root {
      font-size: 20px; }
      :root .tweetContainerS {
        margin: 0.3rem;
        width: 18.5rem; } }
  @media (max-width: 400px) {
    :root {
      font-size: 15px; }
      :root .tweetContainerS {
        box-shadow: none;
        width: 90%; } }

* {
  margin: 0;
  padding: 0; }

h1 {
  font-size: 2rem;
  font-weight: 300;
  margin: 1rem 0; }
  nav h1 {
    margin: 0;
    padding: 1rem 0; }

h2 {
  font-size: 1.2rem;
  font-weight: 300;
  margin: 0.5em 0; }

h3 {
  font-size: 0.9rem;
  text-decoration: none; }

p {
  font-size: 0.9rem; }

a {
  font-size: 0.9rem;
  text-decoration: none; }

.buttonLink {
  color: #098ac1;
  font-size: 0.9rem;
  font-weight: 700; }
  .buttonLink:hover {
    color: #076790; }
  .buttonLink.negate {
    color: #eb0000; }
    .buttonLink.negate:hover {
      color: #ff3232; }

button, .button {
  background-color: #32b232;
  border: 0;
  color: white;
  display: inline-block;
  font-size: 0.9rem;
  height: 100%;
  margin: 0.3rem 0;
  padding: 0.5rem 0;
  width: 3rem; }
  button:hover, .button:hover {
    background: #1e9e1e; }
  button.negate, .button.negate {
    background: none;
    color: #eb0000;
    font-weight: bold;
    margin: 0;
    padding: 0; }
    button.negate:hover, .button.negate:hover {
      color: #ff3232; }

body {
  background-color: #eaeaea;
  text-align: center;
  margin-bottom: 5rem; }

nav {
  background-color: #098ac1;
  color: white;
  font-weight: bold; }
  nav p {
    margin-right: 2rem; }
  nav ul > * {
    display: inline-block;
    list-style: none;
    vertical-align: middle;
    width: 6rem; }
    nav ul > * > a {
      color: white;
      display: block;
      height: 100%;
      padding: 1rem 0;
      width: 100%; }
      nav ul > * > a:hover {
        background-color: #0076ad; }

img.welcome {
  max-width: 19rem;
  border: 0.125rem solid lightgray;
  margin-top: 1.5rem; }

img.big {
  max-width: 26rem; }

img.emoji {
  display: inline;
  margin: 0 2px;
  max-height: 0.85rem;
  max-width: 0.85rem; }

.intro {
  font-size: 1rem;
  margin: 1rem auto;
  max-width: 26rem;
  text-align: left; }

.flash {
  background-color: #0080b7;
  color: white;
  font-weight: bold;
  margin: 1rem auto;
  max-width: 25rem;
  padding: 0.75rem 0; }
  .flash.red {
    background-color: #ff5050; }
  .flash.green {
    background-color: #32b232; }

.search {
  margin-bottom: 0.5rem; }
  .search p {
    display: block;
    margin: 1rem 5rem; }
  .search input[type="text"] {
    border: 1px solid lightgrey;
    display: inline-block;
    font-size: 0.9rem;
    margin-left: 0.2rem;
    margin-right: 1rem;
    padding: 0.5rem; }

.options {
  margin-bottom: 1rem; }
  .options ul > * {
    display: inline-block;
    list-style: none;
    vertical-align: middle;
    width: 3rem; }

.tweets {
  display: inline-block; }

.tweetContainerU {
  margin: 0 auto;
  max-width: 35rem; }
  .tweetContainerU .tweet {
    padding: 0.3rem 0; }
    .tweetContainerU .tweet .imageDiv img {
      float: left;
      max-width: 13%; }
    .tweetContainerU .tweet .contentDiv {
      float: right;
      text-align: left;
      width: 87%; }
      .tweetContainerU .tweet .contentDiv a.tweet:visited, .tweetContainerU .tweet .contentDiv a.tweet:link, .tweetContainerU .tweet .contentDiv a.tweet:active {
        color: black; }
      .tweetContainerU .tweet .contentDiv a.tweet .tweet {
        background-color: #f6f6f6;
        min-height: 4rem; }
        .tweetContainerU .tweet .contentDiv a.tweet .tweet .text {
          font-size: 0.7rem;
          padding: 0.3rem 1rem; }
        .tweetContainerU .tweet .contentDiv a.tweet .tweet .tiny {
          font-size: 0.5rem;
          font-weight: 700;
          padding: 0 1rem; }
        .tweetContainerU .tweet .contentDiv a.tweet .tweet:hover {
          background-color: #e7e7e7; }
    .tweetContainerU .tweet .clear {
      clear: both; }

.tweetContainerS {
  background-color: white;
  border: 1px solid lightgrey;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  display: inline-block;
  margin: 0 1rem;
  margin-bottom: 1rem;
  min-height: 6rem;
  padding-top: 0.5rem;
  vertical-align: top;
  width: 20rem; }
  .tweetContainerS img {
    height: 5rem;
    width: 5rem; }
  .tweetContainerS .info {
    padding-bottom: 1rem; }
  .tweetContainerS .feed {
    text-align: left; }
  .tweetContainerS a.tweet:visited, .tweetContainerS a.tweet:link, .tweetContainerS a.tweet:active {
    color: black; }
  .tweetContainerS a.tweet .tweet {
    background-color: #f6f6f6;
    border-top: 1px solid lightgrey; }
    .tweetContainerS a.tweet .tweet .text {
      font-size: 0.7rem;
      padding: 0.3rem 1rem; }
    .tweetContainerS a.tweet .tweet .tiny {
      font-size: 0.48rem;
      font-weight: 700;
      padding: 0.25rem 1rem; }
    .tweetContainerS a.tweet .tweet:hover {
      background-color: #e7e7e7; }

/*# sourceMappingURL=app.css.map */