Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                
<!DOCTYPE html><html lang="en" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#F6F4F8;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;" ><head style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" ><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" ><meta name="viewport" content="width=device-width" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" ><title 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >Ulysses News</title><style type="text/css" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
@font-face {
  font-family: 'FontAwesome';
  src: url('https://netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('https://netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('https://netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('https://netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('https://netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
</style><style style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
@font-face {
  font-family: XInterstate;
  src: url('https://newsletterstage.ulyssesapp.com/utils/fonts/interstate-light.otf');
}
@font-face {
  font-family: XInterstate;
  font-weight: bold;
  src: url('https://newsletterstage.ulyssesapp.com/utils/fonts/interstate-regular.otf');
}
@font-face {
  font-family: XInterstate;
  font-weight: bold;
  font-style: italic;
  src: url('https://newsletterstage.ulyssesapp.com/utils/fonts/interstate-regularitalic.otf');
}
@font-face {
  font-family: XInterstate;
  font-style: italic;
  src: url('https://newsletterstage.ulyssesapp.com/utils/fonts/interstate-lightitalic.otf');
}
@font-face {
  font-family: XNoir;
  src: url('https://newsletterstage.ulyssesapp.com/utils/fonts/noir-medium.otf');
}
html,
.background {
  background: #F6F4F8;
}
body {
  color: #4F5871;
  background: #F6F4F8;
  width: 100%;
  font-family: XInterstate, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 28px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 720px) {
  body {
    font-size: 15px !important;
    line-height: 24px !important;
  }
}
* {
  margin: 0;
  padding: 0;
}
blockquote {
  text-align: center;
  font-size: 25px;
  line-height: 34px;
  padding-top: 30px;
  padding-bottom: 22px;
}
@media only screen and (max-width: 720px) {
  blockquote {
    font-size: 23px !important;
    line-height: 32px !important;
  }
}
blockquote h1 {
  font-family: serif;
  font-weight: bold;
  font-size: 50px;
}
@media only screen and (max-width: 720px) {
  blockquote h1 {
    font-size: 48px !important;
  }
}
blockquote p {
  margin-bottom: 20px;
}
@media only screen and (max-width: 720px) {
  blockquote p {
    margin-bottom: 18px !important;
  }
}
blockquote cite {
  font-size: 16px;
  line-height: 28px;
  font-style: normal;
}
@media only screen and (max-width: 720px) {
  blockquote cite {
    font-size: 18px !important;
    line-height: 30px !important;
  }
}
.article {
  margin: 0 auto;
  max-width: 700px;
  background: white;
}
span.previewText {
  display: block;
  position: fixed;
  height: 1px;
  width: 1px;
  min-height: 1px;
  min-width: 1px;
  max-height: 1px;
  max-width: 1px;
  overflow: hidden;
}
.background > .footer {
  margin: 0px auto;
  max-width: 700px;
  font-size: 11px;
  font-weight: normal;
  padding: 20px;
  color: #a0a0a0;
  text-align: center;
}
.background > .footer .left,
.background > .footer .right {
  display: inline-block;
}
@media only screen and (max-width: 720px) {
  .background > .footer .left,
  .background > .footer .right {
    display: block !important;
    margin-top: 0px !important;
  }
}
.background > .footer .left {
  margin-right: 50px;
}
@media only screen and (max-width: 720px) {
  .background > .footer .left {
    margin-right: 0px !important;
  }
}
.background > .footer a,
.background > .footer a:visited,
.background > .footer a:hover {
  color: #a0a0a0;
  font-weight: normal;
}
h1 {
  font-size: 68px;
  font-weight: normal;
}
@media only screen and (max-width: 720px) {
  h1 {
    font-size: 50px !important;
  }
}
hr {
  margin: 50px 0;
  border: none;
  height: 1px;
  background: #eee;
  clear: both;
}
@media only screen and (max-width: 720px) {
  hr {
    margin: 40px 0 !important;
  }
}
h2 {
  font-size: 38px;
  line-height: 45.6px;
  margin-bottom: 20px;
  font-weight: normal;
  color: #EB2866;
}
@media only screen and (max-width: 720px) {
  h2 {
    font-size: 32px !important;
    line-height: 36px !important;
    margin-bottom: 18px !important;
  }
}
h3 {
  margin: auto;
  font-weight: bold;
  font-size: 35px;
  line-height: 1.2;
  margin-bottom: 40px;
  color: #EB2866;
  text-align: center;
  max-width: 500px;
}
@media only screen and (max-width: 720px) {
  h3 {
    font-size: 22px !important;
    margin-bottom: 20px !important;
  }
}
h4 {
  margin: auto;
  font-weight: bold;
  font-size: 28px;
  line-height: 1.2;
  margin-bottom: 40px;
  color: #EB2866;
  text-align: center;
  max-width: 500px;
}
@media only screen and (max-width: 720px) {
  h4 {
    font-size: 18px !important;
    margin-bottom: 20px !important;
  }
}
h5 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 25px;
  color: #EB2866;
}
h5.category {
  color: #4F5871;
  text-align: center;
}
h5 a {
  color: #4F5871;
}
@media only screen and (max-width: 720px) {
  h5 {
    font-size: 18px !important;
    margin-bottom: 20px !important;
  }
}
div + h4 {
  margin-top: 32px;
}
a {
  text-decoration: none;
  color: #EB2866;
  font-weight: bold;
}
a.button {
  font-size: 20px;
  color: white;
  display: inline-block;
  padding: 10px 0;
  background: #EB2866;
  width: 100%;
  max-width: 350px;
  text-align: center;
  border-radius: 5px;
}
a.button:before {
  content: ' ';
  display: block;
  height: 2px;
}
@media only screen and (max-width: 720px) {
  a.button {
    font-size: 18px !important;
    padding: 6px 0 !important;
    margin: 20px 0 !important;
  }
}
a.smallButton {
  font-size: 20px;
  color: white;
  display: inline-block;
  padding: 10px 0;
  background: #EB2866;
  width: 50%;
  max-width: 240px;
  text-align: center;
  border-radius: 5px;
  margin-right: 20px;
}
a.smallButton:before {
  content: ' ';
  display: block;
  height: 2px;
}
@media only screen and (max-width: 720px) {
  a.smallButton {
    display: block !important;
    width: 100% !important;
    max-width: 350px !important;
    font-size: 18px !important;
    padding: 6px 0 !important;
    margin: 20px auto !important;
  }
}
.buttonArea {
  text-align: center;
  margin: 20px 0;
}
@media only screen and (max-width: 720px) {
  .buttonArea {
    margin: 18px 0 !important;
  }
}
p {
  margin-bottom: 20px;
}
@media only screen and (max-width: 720px) {
  p {
    margin-bottom: 10px !important;
  }
}
hr + p {
  margin-bottom: 10px;
}
.footer .nav {
  background: #222326;
  color: #B5B5B5;
  font-size: 11px;
  font-weight: bold;
  padding-left: 36px;
}
@media only screen and (max-width: 720px) {
  .footer .nav {
    text-align: center !important;
    margin: auto !important;
    padding: 0 !important;
  }
}
.footer .nav .footerMenu {
  float: left;
  padding-top: 10px;
}
@media only screen and (max-width: 375px) {
  .footer .nav .footerMenu {
    display: block !important;
    text-align: center !important;
    marign: auto !important;
    float: none !important;
  }
  .footer .nav .sep.middle {
    display: block !important;
    height: 0px !important;
  }
}
.footer .nav ul {
  float: right;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  .footer .nav .footerMenu {
    margin: auto !important;
    text-align: center !important;
    float: none !important;
    display: block !important;
  }
  .footer .nav ul {
    margin: auto !important;
    text-align: center !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
code {
  font-family: Menlo, Courier;
  font-size: 18px;
  color: #f17f65;
  letter-spacing: 2px;
  background-color: #f0f0f0;
  padding-left: 4px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 2px;
}
@media only screen and (max-width: 720px) {
  code {
    font-size: 14px !important;
  }
}
.topLink {
  background: #F6F4F8;
  color: #a0a0a0;
  font-weight: bold;
  font-size: 11px;
  margin: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}
.topLink a,
.topLink a:visited,
.topLink a:hover {
  color: #a0a0a0;
}
@media only screen and (max-width: 720px) {
  .topLink {
    text-align: center !important;
  }
}
.nav {
  font-size: 12px;
  color: #a7acb8;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.nav .sep {
  display: inline-block;
  height: 12px;
  width: 1px;
  margin: 0 5px;
  position: relative;
  top: 2px;
  background: #AEAEA0;
}
.nav a {
  color: inherit;
}
.nav .titleArea {
  background: #222326;
  color: white;
  padding: 0;
  height: 68px;
  width: 450px;
  float: left;
}
@media only screen and (max-width: 668px) {
  .nav .titleArea {
    width: 420px !important;
  }
}
@media only screen and (max-width: 568px) {
  .nav .titleArea {
    width: 340px !important;
  }
}
@media only screen and (max-width: 480px) {
  .nav .titleArea {
    width: 100% !important;
  }
}
.nav .titleArea .newsletterTitle {
  padding-left: 36px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 480px) {
  .nav .titleArea .newsletterTitle {
    padding-left: 25px !important;
  }
}
.nav .titleArea .newsletterTitle .newsletterName {
  font-size: 21px;
  font-weight: bold;
  line-height: 30px;
}
.nav .titleArea .newsletterTitle .newsletterIssue {
  font-size: 15px;
  font-weight: bold;
  line-height: 15px;
}
@media only screen and (max-width: 480px) {
  .nav .titleArea {
    float: none !important;
  }
}
.nav ul {
  float: right;
  margin: 0;
  margin-left: 36px;
  margin-right: 36px;
  padding-top: 24px;
  line-height: 1;
  color: #cacdd4;
}
.nav ul li {
  margin: 0;
  margin-right: 31px;
  list-style: none;
  display: inline-block;
}
.nav ul li img {
  height: 24px;
  max-height: 24px;
}
.nav ul li.last {
  margin-right: 0px;
}
.nav ul .fa-ulysses {
  position: relative;
  top: 1px;
}
.nav ul .fa-facebook {
  position: relative;
  top: 0px;
}
.nav ul .fa-twitter {
  position: relative;
  top: 1px;
}
.nav ul .fa-envelope {
  position: relative;
  top: 1px;
}
@media only screen and (max-width: 480px) {
  .nav ul {
    float: none !important;
    text-align: left !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-left: 25px !important;
  }
}
.clear {
  clear: both;
}
.headerImage {
  background: url('http://i1.createsend1.com/ei/r/47/5AE/583/233323/csimport/head_1.jpg') center center no-repeat;
  background-size: cover !important;
  
  image-rendering: auto;
  height: 300px;
  text-align: center;
}
@media only screen and (max-width: 700px) {
  .headerImage {
    background-size: cover !important;
    height: 200px !important;
  }
}
.tagline {
  font-family: XNoir, Helvetica, sans-serif;
  font-size: 38px;
  line-height: 1.5;
  padding-left: 58px;
  padding-right: 58px;
  padding-top: 30px;
  padding-bottom: 20px;
  text-align: center;
  color: #4E3471;
  background: #FFFFFF;
}
@media only screen and (max-width: 720px) {
  .tagline {
    font-size: 36px;
  }
}
img.full {
  width: 700px;
}
.section {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 58px;
  padding-right: 58px;
}
@media only screen and (max-width: 720px) {
  .section {
    padding: 25px 8% !important;
  }
}
@media only screen and (max-width: 374px) {
  .section .left {
    margin: auto !important;
  }
}
.section .left img {
  float: left;
  margin-right: 20px;
  margin-top: 4px;
}
@media only screen and (max-width: 480px) {
  .section .left img {
    display: block !important;
    float: none !important;
    margin: auto !important;
    padding-top: 30px !important;
  }
}
.section .left img.noborder {
  border-right: none;
}
.section .left h3,
.section .left h4,
.section .left h5 {
  text-align: left !important;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 15px;
}
@media only screen and (max-width: 480px) {
  .section .left h3,
  .section .left h4,
  .section .left h5 {
    margin-bottom: 5px !important;
  }
}
@media only screen and (max-width: 374px) {
  .section .right {
    margin: auto !important;
  }
}
.section .right img {
  float: right;
  margin-left: 12px;
  margin-top: 4px;
}
@media only screen and (max-width: 720px) {
  .section .right img {
    margin-right: 18px !important;
  }
}
@media only screen and (max-width: 480px) {
  .section .right img {
    display: block !important;
    float: none !important;
    margin: auto !important;
    margin-bottom: 40px !important;
  }
}
.section .right img.noborder {
  border-right: none;
}
.section .right h3,
.section .right h4,
.section .right h5 {
  text-align: left !important;
  width: auto;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 15px;
}
@media only screen and (max-width: 480px) {
  .section .right h3,
  .section .right h4,
  .section .right h5 {
    margin-bottom: 5px !important;
  }
}
.section .left > *:last-child,
.section .right > *:last-child {
  margin-bottom: 0;
}
.section .left:after,
.section .right:after {
  content: ' ';
  display: block;
  clear: both;
}
.section .left + .left {
  margin-top: 18px;
}
.section .right + .right {
  margin-top: 18px;
}
.section .split-30 img {
  width: 192px;
  max-width: 100%;
}
@media only screen and (max-width: 480px) {
  .section .split-30 img {
    width: auto !important;
  }
}
@media only screen and (max-width: 480px) {
  .section .split-30 {
    border-top: 1px solid #eee;
    padding-bottom: 20px;
  }
}
.section .split-50 img {
  width: 298px;
  max-width: 100%;
  margin-bottom: 10px;
}
@media only screen and (max-width: 480px) {
  .section .split-50 img {
    width: auto !important;
  }
}
.section .two-col {
  width: 50%;
  float: left;
  padding: 0 5%;
  width: 40%;
  margin-top: 20px;
}
@media only screen and (max-width: 480px) {
  .section .two-col {
    width: auto !important;
  }
}
.section .two-col img {
  margin-bottom: 0;
}
.section .two-col > .buttonArea {
  margin-top: 0 !important;
}
.section img {
  max-width: 100%;
  margin-bottom: 30px;
}
.section img.centered {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media only screen and (max-width: 480px) {
  .section a img {
    margin: 30px auto;
  }
}
.section .highlight {
  margin-top: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 58px;
  padding-right: 58px;
  background-color: #EEEEEE;
}
.section .spacing {
  background-color: red;
  height: 100px;
}
.half {
  width: 298px;
  float: left;
}
.half + .half {
  position: relative;
  left: 20px;
}
ul {
  margin-bottom: 12px;
  margin-top: 12px;
}
ul li {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 3px;
}
ul li p {
  margin-bottom: 12px;
}
img.framedImage {
  border: 1px solid #cacdd4;
}
#-special-offer-articlelink- {
  margin-top: 50px;
}
div.tagline {
  padding-bottom: 20px;
}
@media screen and (max-width: 500px) {
  div.tagline {
    line-height: 1 !important;
  }
}
.section .intro {
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 10px;
  padding-right: 0px;
  background: #f4f6f8;
  text-align: center;
}
.section .intro img {
  margin: 0;
}
.section .highlight {
  
  background: #F6F4F8;
  border-radius: 5px;
}
a + h3 {
  margin-top: 30px;
}
p.buttonArea {
  padding-top: 15px;
  padding-bottom: 15px;
}
.nano-space {
  margin-top: 50px;
}
</style><meta name="robots" content="noindex,nofollow"></meta>
<meta property="og:title" content="Ulysses News 1/18"></meta>
</head><body style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#4F5871;background-color:#F6F4F8;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;width:100%;font-family:XInterstate, Helvetica, sans-serif;font-size:16px;line-height:28px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;" ><span class="previewText" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;display:block;position:fixed;height:1px;width:1px;min-height:1px;min-width:1px;max-height:1px;max-width:1px;overflow:hidden;" ><p 
style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" ><em style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >Even if 2018 is already a couple of days old, we’re hereby wishing all Ulysses users and readers of this newsletter a happy and healthy year!</em></p>
</span><div class="background" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#F6F4F8;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;" ><div class="topSpacing" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" ></div><div class="article" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;max-width:700px;background-color:white;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;" ><div class="topLink" 
style="padding-right:0;padding-left:0;background-color:#F6F4F8;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;color:#a0a0a0;font-weight:bold;font-size:11px;margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;padding-top:8px;padding-bottom:8px;" ><a href="#" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:#a0a0a0;" >View Web Version</a></div><div class="header" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" ><div class="nav" 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-size:12px;color:#a7acb8;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;" ><div class="titleArea" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;background-color:#222326;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;color:white;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:68px;width:450px;float:left;" ><div class="newsletterTitle" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-right:0;padding-left:36px;padding-top:10px;padding-bottom:10px;" ><div class="newsletterName" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-size:21px;font-weight:bold;line-height:30px;" >Ulysses News</div><div 
class="newsletterIssue" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-size:15px;font-weight:bold;line-height:15px;" >Issue 1/18</div></div></div><ul style="padding-bottom:0;padding-right:0;padding-left:0;float:right;margin-top:0;margin-bottom:0;margin-right:36px;margin-left:36px;padding-top:24px;line-height:1;color:#cacdd4;" ><li style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:31px;margin-left:0;list-style-type:none;list-style-position:outside;list-style-image:none;display:inline-block;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-r/" 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" ><img src="http://i2.createsend1.com/ei/r/47/5AE/583/233323/csimport/ulysses_2.png" class="fa-ulysses" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:24px;max-height:24px;position:relative;top:1px;" /></a></li><li style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:31px;margin-left:0;list-style-type:none;list-style-position:outside;list-style-image:none;display:inline-block;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-y/" 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" ><img src="http://i3.createsend1.com/ei/r/47/5AE/583/233323/csimport/fa-twitter_3.png" class="fa-twitter" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:24px;max-height:24px;position:relative;top:1px;" /></a></li><li style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:31px;margin-left:0;list-style-type:none;list-style-position:outside;list-style-image:none;display:inline-block;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-j/" 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" ><img src="http://i4.createsend1.com/ei/r/47/5AE/583/233323/csimport/fa-facebook_4.png" class="fa-facebook" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:24px;max-height:24px;position:relative;top:0px;" /></a></li><li class="last" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-left:0;list-style-type:none;list-style-position:outside;list-style-image:none;display:inline-block;margin-right:0px;" ><a href="mailto:?to=Ulysses%20Team&lt;mail@ulyssesapp.com&gt;&amp;subject=Re%3A Ulysses News 1 %2F 18" 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" ><img src="http://i5.createsend1.com/ei/r/47/5AE/583/233323/csimport/email_5.png" class="fa-envelope" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:24px;max-height:24px;position:relative;top:1px;" /></a></li></ul><div class="clear" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;clear:both;" ></div></div></div><div class="headerImage" 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:transparent;background-image:url('http://i1.createsend1.com/ei/r/47/5AE/583/233323/csimport/head_1.jpg');background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:cover !important;image-rendering:auto;height:300px;text-align:center;" ></div><div class="tagline" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-family:XNoir, Helvetica, sans-serif;font-size:38px;line-height:1.5;padding-left:58px;padding-right:58px;padding-top:30px;text-align:center;color:#4E3471;background-color:#FFFFFF;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;padding-bottom:20px;" >New Year’s Resolution: Become a Better Writer/Writing 
App
</div><div class="section" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:50px;padding-bottom:50px;padding-left:58px;padding-right:58px;" ><p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >Even if 2018 is already a couple of days old, we’re hereby wishing all Ulysses users and readers of this newsletter a happy and healthy year! Good luck with achieving the goals you’ve set yourself. In case any of them is related to writing, we hope you’ll find a supportive companion in Ulysses! Our own new year’s resolution is the same as last year and the one before: Make Ulysses a better writing app.</p>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >Enjoy reading, and enjoy writing!</p>
<hr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:50px;margin-bottom:50px;margin-right:0;margin-left:0;border-style:none;height:1px;background-color:#eee;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;clear:both;" ><h5 class="category" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-size:16px;font-weight:bold;margin-bottom:25px;color:#4F5871;text-align:center;" >Background</h5><h3 id="-5-out-of-more-than-100-behind-the-scenes-of-ulysses-12-2-articlelink-" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:auto;margin-bottom:40px;margin-right:auto;margin-left:auto;font-weight:bold;font-size:35px;line-height:1.2;color:#EB2866;text-align:center;max-width:500px;" ><a 
href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-t/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" >5 Out of More Than 100: Behind the Scenes of Ulysses 12.2</a></h3>
<a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-i/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" ><img src="http://i6.createsend1.com/ei/r/47/5AE/583/233323/csimport/update_6.jpg" title="Ulysses 12.2 Title Image’ Main Design Guidelines" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;max-width:100%;margin-bottom:30px;" /></a><p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >In December, we released Ulysses 12.2 with well over 100 improvements and bug fixes, mostly ironing out smaller annoyances, or slightly tuning existing features. Most of you probably didn’t 
notice a thing – because you never experienced any of the problems we have solved, or you never use the features we improved, or because the change is so minimal that you just wouldn’t notice.
As we nevertheless spent a huge amount of time on all these tiny fixes, we’ve decided to take the opportunity and give you a small behind-the-scenes-look: We walk you through five of the recent changes, which small subset of users they affected, and what it took to actually fix each issue in order to improve Ulysses for this particular group of users. <a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-d/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" >Read more…</a>.</p>
<hr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:50px;margin-bottom:50px;margin-right:0;margin-left:0;border-style:none;height:1px;background-color:#eee;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;clear:both;" ><h5 class="category" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-size:16px;font-weight:bold;margin-bottom:25px;color:#4F5871;text-align:center;" >Do You Write?</h5><h3 id="-it-s-hard-to-love-reading-and-not-also-want-to-write-articlelink-" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:auto;margin-bottom:40px;margin-right:auto;margin-left:auto;font-weight:bold;font-size:35px;line-height:1.2;color:#EB2866;text-align:center;max-width:500px;" ><a 
href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-h/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" >“It’s Hard to Love Reading and Not Also Want to Write”</a></h3>
<a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-k/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" ><img src="http://i7.createsend1.com/ei/r/47/5AE/583/233323/csimport/ashley-warren_7.jpg" title="Ashley Warren Portrait" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;max-width:100%;margin-bottom:30px;" /></a><p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >Ashley Warren’s world is about writing. As a content and research strategist, she composes blog posts, newsletters, social media posts, and white papers. As a creative writer, she lets mostly female 
protagonists embark to fantastic adventures in imaginary worlds. In our interview, she talks about how she got into writing, self-publishing, as well as her routines and workflows. <a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-u/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" >Read more…</a></p>
<a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-o/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" ><img src="http://i8.createsend1.com/ei/r/47/5AE/583/233323/csimport/ashley-warren-2_8.jpg" title="Ulysses Screenshot" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;max-width:100%;margin-bottom:30px;" /></a><blockquote style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-right:0;padding-left:0;text-align:center;font-size:25px;line-height:34px;padding-top:30px;padding-bottom:22px;" >
<h1 id="-" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:serif;font-weight:bold;font-size:50px;" >”</h1>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >“My favorite feature is hands-down the word goal.<br style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
I like seeing how close I am to my target word count without it being an intrusive counter.”</p>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" ><cite style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-size:16px;line-height:28px;font-style:normal;" >Ashley Warren</cite></p>
</blockquote>
<hr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:50px;margin-bottom:50px;margin-right:0;margin-left:0;border-style:none;height:1px;background-color:#eee;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;clear:both;" ><h5 class="category" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-size:16px;font-weight:bold;margin-bottom:25px;color:#4F5871;text-align:center;" >Tips & Tricks</h5><h3 id="-comments-annotations-notes-articlelink-" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:auto;margin-bottom:40px;margin-right:auto;margin-left:auto;font-weight:bold;font-size:35px;line-height:1.2;color:#EB2866;text-align:center;max-width:500px;" ><a 
href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-b/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" >Comments, Annotations, Notes</a></h3>
<a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-n/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" ><img src="http://i9.createsend1.com/ei/r/47/5AE/583/233323/csimport/comments_9.jpg" title="Ulysses Comments" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;max-width:100%;margin-bottom:30px;" /></a><p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >“This dialogue seems artificial.” – “Is it probable to die from a rattlesnake’s bite?” – Sometimes you will want to add related comments and thoughts to the texts you are writing or editing. In Ulysses, there are 
several ways to do this. In this article, we introduce comments and Co. and give some inspiration on how to make use of them in a writers’ workflow. <a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-p/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" >Read more…</a></p>
<hr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:50px;margin-bottom:50px;margin-right:0;margin-left:0;border-style:none;height:1px;background-color:#eee;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;clear:both;" ><h3 id="macstories-app-of-the-year-2017" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:auto;margin-bottom:40px;margin-right:auto;margin-left:auto;font-weight:bold;font-size:35px;line-height:1.2;color:#EB2866;text-align:center;max-width:500px;" >MacStories App of the Year 2017</h3>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >MacStories, by Federico Viticci &amp; Friends, is one of the leading publications of the Apple-related scene and a great resource for finding high-quality productivity software. We love their uncompromising, opinionated approach, and are honored to be named as their App of the Year, both for iOS and for Mac! </p>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >We’ve quoted their verdicts below, and highly recommend the articles for those who want to know what else is hot in the world of apps.<br style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<br style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
</p>
<a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-x/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" ><img src="http://i10.createsend1.com/ei/r/47/5AE/583/233323/csimport/macstories-1_10.jpg" title="Ulysses Comments" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;max-width:100%;margin-bottom:30px;" /></a><p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >“I’ve spent hundreds of hours writing in Ulysses this year. The app is a superb reinvention of Markdown for the modern age of iOS text editing, which enhances the writing experience with features such as inline 
link and footnote editors, smart paste, glued sheets, and filters. Ulysses is more than a plain text editor: it&#39;s a professional writing suite based on plain text and integrated with other iOS apps through automation, drag and drop, and extensions.</p>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >Ulysses has defined the past year of writing at MacStories: there&#39;s nothing else like it on iOS, and its developers have adopted a business model that allows them to continuously improve, fix, and innovate.</p>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >Ulysses represents the modern pro app for iOS and, without hesitation, it is my App of the Year.”</p>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-m/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" >Federico Viticci, “My Must-Have iOS Apps, 2017 Edition”</a></p>
<hr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:50px;margin-bottom:50px;margin-right:0;margin-left:0;border-style:none;height:1px;background-color:#eee;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;clear:both;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-c/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" ><img src="http://i1.createsend1.com/ei/r/47/5AE/583/233323/csimport/macstories-2_11.jpg" title="Ulysses Comments" style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;max-width:100%;margin-bottom:30px;" /></a><p 
style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" >“There’s no single app I use more than Ulysses. Despite a few eccentricities, the app handles the entire writing process with a simple, elegant design that belies the sophistication that underlies it. I especially like how Ulysses handles Markdown, its ability to hide distracting UI chrome from view, and the WordPress integration.”</p>
<p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:20px;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-q/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#EB2866;font-weight:bold;" >John Vorhees, “My Must-Have Mac Apps, 2017 Edition”</a></p>
</div><div class="footer" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" ><div class="nav" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0px;padding-bottom:0px;padding-right:0px;background-color:#222326;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;color:#B5B5B5;font-size:11px;font-weight:bold;padding-left:36px;" ><div class="footerMenu" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-bottom:0;padding-right:0;padding-left:0;float:left;padding-top:10px;" ><a href="#" 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" >View Web Version</a><div class="sep" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;display:inline-block;height:12px;width:1px;margin-top:0;margin-bottom:0;margin-right:5px;margin-left:5px;position:relative;top:2px;background-color:#AEAEA0;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;" ></div><a href="#" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" >Preferences</a><div class="sep middle" 
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;display:inline-block;height:12px;width:1px;margin-top:0;margin-bottom:0;margin-right:5px;margin-left:5px;position:relative;top:2px;background-color:#AEAEA0;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;" ></div><a href="#" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" >Unsubscribe</a><div class="sep" 
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;display:inline-block;height:12px;width:1px;margin-top:0;margin-bottom:0;margin-right:5px;margin-left:5px;position:relative;top:2px;background-color:#AEAEA0;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;" ></div><a href="h#" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" >Forward</a></div><ul style="padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:36px;margin-left:36px;line-height:1;color:#cacdd4;float:right;padding-top:10px;padding-bottom:10px;" ><li 
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:31px;margin-left:0;list-style-type:none;list-style-position:outside;list-style-image:none;display:inline-block;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-a/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" ><img src="http://i2.createsend1.com/ei/r/47/5AE/583/233323/csimport/ulysses_2.png" class="fa-ulysses" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:24px;max-height:24px;position:relative;top:1px;" /></a></li><li 
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:31px;margin-left:0;list-style-type:none;list-style-position:outside;list-style-image:none;display:inline-block;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-f/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" ><img src="http://i3.createsend1.com/ei/r/47/5AE/583/233323/csimport/fa-twitter_3.png" class="fa-twitter" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:24px;max-height:24px;position:relative;top:1px;" /></a></li><li 
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:31px;margin-left:0;list-style-type:none;list-style-position:outside;list-style-image:none;display:inline-block;" ><a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-z/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" ><img src="http://i4.createsend1.com/ei/r/47/5AE/583/233323/csimport/fa-facebook_4.png" class="fa-facebook" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:24px;max-height:24px;position:relative;top:0px;" /></a></li><li class="last" 
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-left:0;list-style-type:none;list-style-position:outside;list-style-image:none;display:inline-block;margin-right:0px;" ><a href="mailto:?to=Ulysses%20Team&lt;mail@ulyssesapp.com&gt;&amp;subject=Re%3A Ulysses News 1 %2F 18" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;font-weight:bold;color:inherit;" ><img src="http://i5.createsend1.com/ei/r/47/5AE/583/233323/csimport/email_5.png" class="fa-envelope" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;height:24px;max-height:24px;position:relative;top:1px;" /></a></li></ul><div class="clear" 
style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;clear:both;" ></div></div></div></div><div class="footer" style="margin-top:0px;margin-bottom:0px;margin-right:auto;margin-left:auto;max-width:700px;font-size:11px;font-weight:normal;padding-top:20px;padding-bottom:20px;padding-right:20px;padding-left:20px;color:#a0a0a0;text-align:center;" ><div class="center" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >&copy; 2018 Ulysses GmbH & Co. KG | <a href="http://email.the-soulmen.com/t/r-l-jrdjuyid-iijdllhikr-v/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#a0a0a0;font-weight:normal;" 
>Imprint</a></div></div></div></body></html>

              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console