body { background:#fdf6e3; }


#floater {float:left; height:50%; margin-bottom:-120px;}
#top {float:right; width:100%; text-align:center;}</strong>
#content {clear:both; position:relative;}

@font-face {
  font-family: system;
  font-style: normal;
  src: local("Avenir"), local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}

/*p {
    font-family: avenir, Helvetica, sans-serif;
    font-size:100%;  
    font-weight:normal;
    text-align:left;
    background-color:transparent;
    margin: 0;
}*/

body {
  font-family: "system";
  color: #586e75;
}

.flip {
  display: inline-block;
  color: #dc322f;
  transform: scale(-1, 1);
  white-space: nowrap;
  width: min-content;
}

.red {
  font-size: 142%;
  display: inline-block;
  color: #dc322f;
  white-space: nowrap;
/*  width: min-content;*/
}

a:link {
  text-decoration: none;
  color: #586e75;
},
a:visited { 
  color: #586e75;
  text-decoration: none; 
}
a:hover { 
  color: #839496; 
  text-decoration: none;
}
a:active  {
  transition: color .3s;
  color: #265C83;
  text-decoration: none;
}