123

Pen Settings

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

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraph.org/schema/"> <head>
        
<meta property="fb:page_id" content="43929265776">
<meta name="referrer" content="origin">        
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta property="og:title" content="A 50-year-old scientific message was found stuffed in a bottle">
    <title>A 50-year-old scientific message was found stuffed in a bottle</title>
    
  <style type="text/css">
		a{
			text-decoration:none;
		}
		a:hover{
			text-decoration:none;
		}
		body{
			background:#f5f4f3;
			width:100% !important;
		}
		body{
			-webkit-text-size-adjust:none;
		}
		body{
			margin:0;
			padding:0;
		}
		img{
			border:none;
			font-size:14px;
			font-weight:bold;
			height:auto;
			line-height:100%;
			outline:none;
			text-decoration:none;
			text-transform:capitalize;
		}
		#backgroundTable{
			height:100% !important;
			margin:0;
			padding:0;
			width:100% !important;
		}
		#templateContainer{
			border:none;
		}
		.blurb{
			color:#f5f4f3;
			font-size:11px;
		}
		.title{
			margin-top:24px;
		}
		h1,.h1{
			color:#382c14;
			display:block;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:42px;
			font-weight:bold;
			line-height:1em;
			margin-top:-4px;
			text-align:center;
			letter-spacing:.02em;
		}
		h2,.h2{
			color:#382c14;
			display:block;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-weight:bold;
			line-height:1em;
			font-size:39px;
			letter-spacing:.02em;
			text-align:center;
		}
		h3,.h3{
			color:#382c14 !important;
			display:block;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-weight:bold;
			font-size:32px;
			line-height:1em;
		}
		h4,.h4{
			color:#382c14;
			display:block;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-weight:bold;
			line-height:30px;
			margin-bottom:2px;
			text-align:center;
			font-size:24px;
			letter-spacing:-.01em;
		}
		h5,.h5{
			color:#333;
			display:block;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:17px;
			font-weight:bold;
			line-height:100%;
			margin-bottom:26px;
			margin-top:12px;
			text-align:center;
		}
		p,.p,.pAlt{
			color:#333;
			display:block;
			font-family:TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
			font-size:19px;
			line-height:24px;
			margin-top:24px;
			padding-left:2px;
			padding-right:2px;
			text-align:left;
		}
		.preheaderContent div{
			color:#808080;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:11px;
			margin-bottom:30px;
			text-align:center;
			padding:13px 0 7px;
		}
		.icon{
			margin-bottom:16px;
			margin-top:6px;
		}
		.footer-headline{
			margin-bottom:36px;
			margin-top:8px;
		}
		.social-icon{
			margin-right:10px;
		}
		.center{
			display:block;
			text-align:center;
		}
		#footer{
			color:#cfb592 !important;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:16px;
			line-height:140%;
			text-decoration:none !important;
			margin-bottom:24px;
			margin-top:12px;
		}
		#footer a{
			color:#cfb592;
			text-decoration:none;
		}
		#footer img{
			margin-bottom:24px;
			margin-top:24px;
		}
		.preheaderContent div a:link,.preheaderContent div a:visited{
			color:#336699;
			font-weight:normal;
			text-decoration:underline;
		}
		#templateHeader{
			border-bottom:0;
		}
		.bodyContent{
			background-color:#fff;
		}
		.spacer{
			background:#f5f4f3;
			height:10px;
			width:100%;
		}
		.lrg-spacer{
			background:#f5f4f3;
			height:20px;
			width:100%;
		}
		.std-spacer{
			background:#f5f4f3;
			height:1px;
			width:100%;
		}
		h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a{
			color:#382c14;
			text-decoration:none;
		}
		p a,.p a{
			color:#333;
			text-decoration:none;
		}
		h6 a,.h6 a{
			color:#53b19f;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:14px;
			font-weight:bold;
			letter-spacing:.04em;
			text-decoration:none;
			text-transform:uppercase;
		}
		.sponsorship p strong,.sponsorship .p strong{
			color:#bd804a;
		}
		.sponsorhip h2,.sponsorship .h2{
			margin-top:8px;
		}
		.sponsorhip h5,.sponsorship .h5{
			color:#bd804a;
			font-size:14px;
			letter-spacing:.04em;
			margin-bottom:0;
			margin-top:35px;
			text-transform:uppercase;
		}
		.item-supertitle,.item-supertitle a,.item-body-link a,.item-body-link{
			font-size:15px;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-weight:600;
			line-height:1em;
			letter-spacing:.12em;
			text-transform:uppercase;
			color:inherit;
		}
		.event-date,.city-title,.city-title a,.event-body-link,.event-body-link a,.event-subtitle-cta,.event-subtitle-cta a{
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			color:#d84875;
			font-weight:600;
			line-height:1em;
			letter-spacing:.12em;
			text-transform:uppercase;
		}
		.event-date a{
			color:#d84875;
		}
		.event-body-link{
			font-size:15px;
		}
		.event-body-link:hover,.event-body-link:focus,.event-body-link a:hover,.event-body-link a:focus{
			text-decoration:none;
			color:#000;
		}
		.item-body-link:hover,.item-body-link:focus,.item-body-link a:hover,.item-body-link a:focus{
			text-decoration:none !important;
			color:#000 !important;
		}
		.item:hover,.item:focus{
			cursor:pointer;
		}
		.item:hover .event-body-link,.item:focus .event-body-link{
			text-decoration:none !important;
			color:#000 !important;
		}
		.event-date,.item-supertitle{
			margin-bottom:6px;
			font-size:15px;
		}
		.city-title{
			font-size:17px;
		}
		.event-body-link,.item-body-link{
			margin-top:20px;
			display:inline-block;
		}
		.event-header,.card-header{
			text-align:center;
			padding:0 10px;
			margin-bottom:-4px;
		}
		.event-button{
			width:100%;
			min-width:100%;
			background:#50416d;
			color:#fff;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:15px;
			font-weight:600;
			line-height:1em;
			letter-spacing:.12em;
			text-transform:uppercase;
			display:block;
			padding:16px 0;
			text-align:center;
			margin:0 auto;
		}
		.event-button:hover,.event-button:focus{
			background:#403457;
			text-decoration:none;
		}
		.can-hide{
			padding:32px 32px 0;
		}
		.item-image{
			margin-bottom:32px;
		}
		.letterhead-spacer{
			background:#f5f4f3;
			height:18px;
			width:100%;
		}
		.guillemet{
			vertical-align:text-top;
		}
		.item-supertitle.place,.item-supertitle.place a{
			color:#53b19f;
		}
		.item-body-link.place,.item-body-link.place a{
			color:#1b624f;
		}
		.item-supertitle.promo,.item-supertitle.promo a,.item-body-link.promo,.item-body-link.promo a{
			color:#bd804a;
		}
		.event-lists{
			margin-top:24px;
			padding:0 2px;
		}
		.event-body-list{
			margin-bottom:19px;
		}
		.event-list-item{
			color:#333;
			display:block;
			font-family:"Times New Roman",Serif;
			font-size:19px;
			line-height:24px;
			text-align:left;
			margin-bottom:5px;
		}
		.event-list-item a{
			color:#000;
			text-decoration:underline;
		}
		.float-right{
			float:right;
		}
		.img-wrapping-link{
			line-height:0;
			display:block;
			background:transparent;
		}
		.ad-wrap{
			background:#f5f4f3;
			padding-top:20px;
			padding-bottom:15px;
		}
		.ad-notice{
			text-align:center;
			font-family:"helvetica","arial",sans-serif;
			font-size:9px;
			text-transform:uppercase;
			opacity:.6;
			margin-bottom:3px;
			letter-spacing:.04em;
		}
		.center-aligned{
			text-align:center;
		}
		.event-subtitle-cta{
			margin-top:10px;
			font-size:15px;
		}
		a{
			text-decoration:none;
		}
		a:hover{
			text-decoration:none;
		}
		body{
			background:#f5f4f3;
			width:100% !important;
		}
		body{
			-webkit-text-size-adjust:none;
		}
		body{
			margin:0;
			padding:0;
		}
		img{
			border:none;
			font-size:14px;
			font-weight:bold;
			height:auto;
			line-height:100%;
			outline:none;
			text-decoration:none;
			text-transform:capitalize;
		}
		#backgroundTable{
			height:100% !important;
			margin:0;
			padding:0;
			width:100% !important;
		}
		#templateContainer{
			border:none;
		}
		.blurb{
			color:#f5f4f3;
			font-size:11px;
		}
		.title{
			margin-top:24px;
		}
		h1,.h1{
			color:#382c14;
			display:block;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:42px;
			font-weight:bold;
			line-height:1em;
			margin-top:-4px;
			text-align:center;
			letter-spacing:.02em;
		}
		h2,.h2{
			color:#382c14;
			display:block;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-weight:bold;
			line-height:1em;
			font-size:39px;
			letter-spacing:.02em;
			text-align:center;
		}
		h3,.h3{
			color:#382c14 !important;
			display:block;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-weight:bold;
			font-size:32px;
			line-height:1em;
		}
		h4,.h4{
			color:#382c14;
			display:block;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-weight:bold;
			line-height:30px;
			margin-bottom:2px;
			text-align:center;
			font-size:24px;
			letter-spacing:-.01em;
		}
		h5,.h5{
			color:#333;
			display:block;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:17px;
			font-weight:bold;
			line-height:100%;
			margin-bottom:26px;
			margin-top:12px;
			text-align:center;
		}
		p,.p,.pAlt{
			color:#333;
			display:block;
			font-family:TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
			font-size:19px;
			line-height:24px;
			margin-top:24px;
			padding-left:2px;
			padding-right:2px;
			text-align:left;
		}
		.preheaderContent div{
			color:#808080;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:11px;
			margin-bottom:30px;
			text-align:center;
			padding:13px 0 7px;
		}
		.icon{
			margin-bottom:16px;
			margin-top:6px;
		}
		.footer-headline{
			margin-bottom:36px;
			margin-top:8px;
		}
		.social-icon{
			margin-right:10px;
		}
		.center{
			display:block;
			text-align:center;
		}
		#footer{
			color:#cfb592 !important;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:16px;
			line-height:140%;
			text-decoration:none !important;
			margin-bottom:24px;
			margin-top:12px;
		}
		#footer a{
			color:#cfb592;
			text-decoration:none;
		}
		#footer img{
			margin-bottom:24px;
			margin-top:24px;
		}
		.preheaderContent div a:link,.preheaderContent div a:visited{
			color:#336699;
			font-weight:normal;
			text-decoration:underline;
		}
		#templateHeader{
			border-bottom:0;
		}
		.bodyContent{
			background-color:#fff;
		}
		.spacer{
			background:#f5f4f3;
			height:10px;
			width:100%;
		}
		.lrg-spacer{
			background:#f5f4f3;
			height:20px;
			width:100%;
		}
		.std-spacer{
			background:#f5f4f3;
			height:1px;
			width:100%;
		}
		h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a{
			color:#382c14;
			text-decoration:none;
		}
		p a,.p a{
			color:#333;
			text-decoration:none;
		}
		h6 a,.h6 a{
			color:#53b19f;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:14px;
			font-weight:bold;
			letter-spacing:.04em;
			text-decoration:none;
			text-transform:uppercase;
		}
		.sponsorship p strong,.sponsorship .p strong{
			color:#bd804a;
		}
		.sponsorhip h2,.sponsorship .h2{
			margin-top:8px;
		}
		.sponsorhip h5,.sponsorship .h5{
			color:#bd804a;
			font-size:14px;
			letter-spacing:.04em;
			margin-bottom:0;
			margin-top:35px;
			text-transform:uppercase;
		}
		.item-supertitle,.item-supertitle a,.item-body-link a,.item-body-link{
			font-size:15px;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-weight:600;
			line-height:1em;
			letter-spacing:.12em;
			text-transform:uppercase;
			color:inherit;
		}
		.event-date,.city-title,.city-title a,.event-body-link,.event-body-link a,.event-subtitle-cta,.event-subtitle-cta a{
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			color:#d84875;
			font-weight:600;
			line-height:1em;
			letter-spacing:.12em;
			text-transform:uppercase;
		}
		.event-date a{
			color:#d84875;
		}
		.event-body-link{
			font-size:15px;
		}
		.event-body-link:hover,.event-body-link:focus,.event-body-link a:hover,.event-body-link a:focus{
			text-decoration:none;
			color:#000;
		}
		.item-body-link:hover,.item-body-link:focus,.item-body-link a:hover,.item-body-link a:focus{
			text-decoration:none !important;
			color:#000 !important;
		}
		.item:hover,.item:focus{
			cursor:pointer;
		}
		.item:hover .event-body-link,.item:focus .event-body-link{
			text-decoration:none !important;
			color:#000 !important;
		}
		.event-date,.item-supertitle{
			margin-bottom:6px;
			font-size:15px;
		}
		.city-title{
			font-size:17px;
		}
		.event-body-link,.item-body-link{
			margin-top:20px;
			display:inline-block;
		}
		.event-header,.card-header{
			text-align:center;
			padding:0 10px;
			margin-bottom:-4px;
		}
		.event-button{
			width:100%;
			min-width:100%;
			background:#50416d;
			color:#fff;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:15px;
			font-weight:600;
			line-height:1em;
			letter-spacing:.12em;
			text-transform:uppercase;
			display:block;
			padding:16px 0;
			text-align:center;
			margin:0 auto;
		}
		.event-button:hover,.event-button:focus{
			background:#403457;
			text-decoration:none;
		}
		.can-hide{
			padding:32px 32px 0;
		}
		.item-image{
			margin-bottom:32px;
		}
		.letterhead-spacer{
			background:#f5f4f3;
			height:18px;
			width:100%;
		}
		.guillemet{
			vertical-align:text-top;
		}
		.item-supertitle.place,.item-supertitle.place a{
			color:#53b19f;
		}
		.item-body-link.place,.item-body-link.place a{
			color:#1b624f;
		}
		.item-supertitle.promo,.item-supertitle.promo a,.item-body-link.promo,.item-body-link.promo a{
			color:#bd804a;
		}
		.event-lists{
			margin-top:24px;
			padding:0 2px;
		}
		.event-body-list{
			margin-bottom:19px;
		}
		.event-list-item{
			color:#333;
			display:block;
			font-family:"Times New Roman",Serif;
			font-size:19px;
			line-height:24px;
			text-align:left;
			margin-bottom:5px;
		}
		.event-list-item a{
			color:#000;
			text-decoration:underline;
		}
		.float-right{
			float:right;
		}
		.img-wrapping-link{
			line-height:0;
			display:block;
			background:transparent;
		}
		.ad-wrap{
			background:#f5f4f3;
			padding-top:20px;
			padding-bottom:15px;
		}
		.ad-notice{
			text-align:center;
			font-family:"helvetica","arial",sans-serif;
			font-size:9px;
			text-transform:uppercase;
			opacity:.6;
			margin-bottom:3px;
			letter-spacing:.04em;
		}
		.center-aligned{
			text-align:center;
		}
		.event-subtitle-cta{
			margin-top:10px;
			font-size:15px;
		}
		.spacer{
			height:12px;
		}
		.lrg-spacer{
			height:24px;
		}
		.newsletter-title{
			text-align:left;
			margin:0;
		}
		.newsletter-date{
			font-size:16px;
			line-height:0;
			color:#333;
			display:inline-table;
			white-space:nowrap;
			font-family:TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
		}
		.article-card-body strong{
			color:#009bbf;
			font-weight:bold;
		}
		.article-card-body .item-supertitle{
			display:none !important;
		}
		.article-card-body .p{
			margin-bottom:0;
		}
		.user-photo-card .p{
			margin-bottom:0;
		}
		.user-photo-card .p a{
			color:#53b19f;
			font-weight:bold;
		}
		.user-photo-card .p a:hover,.user-photo-card .p a:focus{
			text-decoration:underline;
		}
		.user-photo-card .card-header strong{
			text-decoration:underline;
			color:initial;
		}
		.place-card-body strong,.item-body-link.place,.item-body-link.place a{
			color:#53b19f;
		}
		.content-swap-card-body .item-body-link,.content-swap-card-body .item-body-link a,.content-swap-card-body .item-supertitle,.content-swap-card-body .item-supertitle a{
			color:#d36a55;
		}
		.sponsor-card-body .item-body-link,.sponsor-card-body .item-body-link a,.sponsor-card-body .item-supertitle,.sponsor-card-body .item-supertitle a{
			color:#ccb48d;
		}
		.item-supertitle.place,.item-supertitle.place a{
			color:#1b624f;
		}
		.food-card-body strong,.item-supertitle.food,.item-supertitle.food a,.item-body-link.food{
			color:#f3cb00;
		}
		.themeweek-img-wrap{
			padding:32px 32px 0;
		}
		.themeweek-img{
			max-width:60%;
			max-height:50px;
		}
		.item-body-link{
			margin-top:0;
		}
		.linked-card:hover strong{
			text-decoration:underline;
		}
		.linked-card:hover{
			cursor:pointer !important;
		}
		.sponsor-title,.sponsor-title a{
			font-size:15px;
			font-family:'Century Gothic','CenturyGothic','Arial',sans-serif;
			font-weight:600;
			line-height:1em;
			letter-spacing:.12em;
			text-transform:uppercase;
			color:#ccb48d;
		}
		.sponsor-title a:hover,.sponsor-title a:focus{
			color:#ccb48d;
		}
		.with-top-hr{
			padding:12px;
			border-top:1px solid #ccc;
		}
		a{
			text-decoration:none;
		}
		a:hover{
			text-decoration:none;
		}
		body{
			background:#f5f4f3;
			width:100% !important;
		}
		body{
			-webkit-text-size-adjust:none;
		}
		body{
			margin:0;
			padding:0;
		}
		img{
			border:none;
			font-size:14px;
			font-weight:bold;
			height:auto;
			line-height:100%;
			outline:none;
			text-decoration:none;
			text-transform:capitalize;
		}
		#backgroundTable{
			height:100% !important;
			margin:0;
			padding:0;
			width:100% !important;
		}
		#templateContainer{
			border:none;
		}
		.blurb{
			color:#f5f4f3;
			font-size:11px;
		}
		.title{
			margin-top:24px;
		}
		h1,.h1{
			color:#382c14;
			display:block;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:42px;
			font-weight:bold;
			line-height:1em;
			margin-top:-4px;
			text-align:center;
			letter-spacing:.02em;
		}
		h2,.h2{
			color:#382c14;
			display:block;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-weight:bold;
			line-height:1em;
			font-size:39px;
			letter-spacing:.02em;
			text-align:center;
		}
		h3,.h3{
			color:#382c14 !important;
			display:block;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-weight:bold;
			font-size:32px;
			line-height:1em;
		}
		h4,.h4{
			color:#382c14;
			display:block;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-weight:bold;
			line-height:30px;
			margin-bottom:2px;
			text-align:center;
			font-size:24px;
			letter-spacing:-.01em;
		}
		h5,.h5{
			color:#333;
			display:block;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:17px;
			font-weight:bold;
			line-height:100%;
			margin-bottom:26px;
			margin-top:12px;
			text-align:center;
		}
		p,.p,.pAlt{
			color:#333;
			display:block;
			font-family:TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
			font-size:19px;
			line-height:24px;
			margin-top:24px;
			padding-left:2px;
			padding-right:2px;
			text-align:left;
		}
		.preheaderContent div{
			color:#808080;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:11px;
			margin-bottom:30px;
			text-align:center;
			padding:13px 0 7px;
		}
		.icon{
			margin-bottom:16px;
			margin-top:6px;
		}
		.footer-headline{
			margin-bottom:36px;
			margin-top:8px;
		}
		.social-icon{
			margin-right:10px;
		}
		.center{
			display:block;
			text-align:center;
		}
		#footer{
			color:#cfb592 !important;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:16px;
			line-height:140%;
			text-decoration:none !important;
			margin-bottom:24px;
			margin-top:12px;
		}
		#footer a{
			color:#cfb592;
			text-decoration:none;
		}
		#footer img{
			margin-bottom:24px;
			margin-top:24px;
		}
		.preheaderContent div a:link,.preheaderContent div a:visited{
			color:#336699;
			font-weight:normal;
			text-decoration:underline;
		}
		#templateHeader{
			border-bottom:0;
		}
		.bodyContent{
			background-color:#fff;
		}
		.spacer{
			background:#f5f4f3;
			height:10px;
			width:100%;
		}
		.lrg-spacer{
			background:#f5f4f3;
			height:20px;
			width:100%;
		}
		.std-spacer{
			background:#f5f4f3;
			height:1px;
			width:100%;
		}
		h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a{
			color:#382c14;
			text-decoration:none;
		}
		p a,.p a{
			color:#333;
			text-decoration:none;
		}
		h6 a,.h6 a{
			color:#53b19f;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:14px;
			font-weight:bold;
			letter-spacing:.04em;
			text-decoration:none;
			text-transform:uppercase;
		}
		.sponsorship p strong,.sponsorship .p strong{
			color:#bd804a;
		}
		.sponsorhip h2,.sponsorship .h2{
			margin-top:8px;
		}
		.sponsorhip h5,.sponsorship .h5{
			color:#bd804a;
			font-size:14px;
			letter-spacing:.04em;
			margin-bottom:0;
			margin-top:35px;
			text-transform:uppercase;
		}
		.item-supertitle,.item-supertitle a,.item-body-link a,.item-body-link{
			font-size:15px;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-weight:600;
			line-height:1em;
			letter-spacing:.12em;
			text-transform:uppercase;
			color:inherit;
		}
		.event-date,.city-title,.city-title a,.event-body-link,.event-body-link a,.event-subtitle-cta,.event-subtitle-cta a{
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			color:#d84875;
			font-weight:600;
			line-height:1em;
			letter-spacing:.12em;
			text-transform:uppercase;
		}
		.event-date a{
			color:#d84875;
		}
		.event-body-link{
			font-size:15px;
		}
		.event-body-link:hover,.event-body-link:focus,.event-body-link a:hover,.event-body-link a:focus{
			text-decoration:none;
			color:#000;
		}
		.item-body-link:hover,.item-body-link:focus,.item-body-link a:hover,.item-body-link a:focus{
			text-decoration:none !important;
			color:#000 !important;
		}
		.item:hover,.item:focus{
			cursor:pointer;
		}
		.item:hover .event-body-link,.item:focus .event-body-link{
			text-decoration:none !important;
			color:#000 !important;
		}
		.event-date,.item-supertitle{
			margin-bottom:6px;
			font-size:15px;
		}
		.city-title{
			font-size:17px;
		}
		.event-body-link,.item-body-link{
			margin-top:20px;
			display:inline-block;
		}
		.event-header,.card-header{
			text-align:center;
			padding:0 10px;
			margin-bottom:-4px;
		}
		.event-button{
			width:100%;
			min-width:100%;
			background:#50416d;
			color:#fff;
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
			font-size:15px;
			font-weight:600;
			line-height:1em;
			letter-spacing:.12em;
			text-transform:uppercase;
			display:block;
			padding:16px 0;
			text-align:center;
			margin:0 auto;
		}
		.event-button:hover,.event-button:focus{
			background:#403457;
			text-decoration:none;
		}
		.can-hide{
			padding:32px 32px 0;
		}
		.item-image{
			margin-bottom:32px;
		}
		.letterhead-spacer{
			background:#f5f4f3;
			height:18px;
			width:100%;
		}
		.guillemet{
			vertical-align:text-top;
		}
		.item-supertitle.place,.item-supertitle.place a{
			color:#53b19f;
		}
		.item-body-link.place,.item-body-link.place a{
			color:#1b624f;
		}
		.item-supertitle.promo,.item-supertitle.promo a,.item-body-link.promo,.item-body-link.promo a{
			color:#bd804a;
		}
		.event-lists{
			margin-top:24px;
			padding:0 2px;
		}
		.event-body-list{
			margin-bottom:19px;
		}
		.event-list-item{
			color:#333;
			display:block;
			font-family:"Times New Roman",Serif;
			font-size:19px;
			line-height:24px;
			text-align:left;
			margin-bottom:5px;
		}
		.event-list-item a{
			color:#000;
			text-decoration:underline;
		}
		.float-right{
			float:right;
		}
		.img-wrapping-link{
			line-height:0;
			display:block;
			background:transparent;
		}
		.ad-wrap{
			background:#f5f4f3;
			padding-top:20px;
			padding-bottom:15px;
		}
		.ad-notice{
			text-align:center;
			font-family:"helvetica","arial",sans-serif;
			font-size:9px;
			text-transform:uppercase;
			opacity:.6;
			margin-bottom:3px;
			letter-spacing:.04em;
		}
		.center-aligned{
			text-align:center;
		}
		.event-subtitle-cta{
			margin-top:10px;
			font-size:15px;
		}
		.spacer{
			height:12px;
		}
		.lrg-spacer{
			height:24px;
		}
		.newsletter-title{
			text-align:left;
			margin:0;
		}
		.newsletter-date{
			font-size:16px;
			line-height:0;
			color:#333;
			display:inline-table;
			white-space:nowrap;
			font-family:TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
		}
		.article-card-body strong{
			color:#009bbf;
			font-weight:bold;
		}
		.article-card-body .item-supertitle{
			display:none !important;
		}
		.article-card-body .p{
			margin-bottom:0;
		}
		.user-photo-card .p{
			margin-bottom:0;
		}
		.user-photo-card .p a{
			color:#53b19f;
			font-weight:bold;
		}
		.user-photo-card .p a:hover,.user-photo-card .p a:focus{
			text-decoration:underline;
		}
		.user-photo-card .card-header strong{
			text-decoration:underline;
			color:initial;
		}
		.place-card-body strong,.item-body-link.place,.item-body-link.place a{
			color:#53b19f;
		}
		.content-swap-card-body .item-body-link,.content-swap-card-body .item-body-link a,.content-swap-card-body .item-supertitle,.content-swap-card-body .item-supertitle a{
			color:#d36a55;
		}
		.sponsor-card-body .item-body-link,.sponsor-card-body .item-body-link a,.sponsor-card-body .item-supertitle,.sponsor-card-body .item-supertitle a{
			color:#ccb48d;
		}
		.item-supertitle.place,.item-supertitle.place a{
			color:#1b624f;
		}
		.food-card-body strong,.item-supertitle.food,.item-supertitle.food a,.item-body-link.food{
			color:#f3cb00;
		}
		.themeweek-img-wrap{
			padding:32px 32px 0;
		}
		.themeweek-img{
			max-width:60%;
			max-height:50px;
		}
		.item-body-link{
			margin-top:0;
		}
		.linked-card:hover strong{
			text-decoration:underline;
		}
		.linked-card:hover{
			cursor:pointer !important;
		}
		.sponsor-title,.sponsor-title a{
			font-size:15px;
			font-family:'Century Gothic','CenturyGothic','Arial',sans-serif;
			font-weight:600;
			line-height:1em;
			letter-spacing:.12em;
			text-transform:uppercase;
			color:#ccb48d;
		}
		.sponsor-title a:hover,.sponsor-title a:focus{
			color:#ccb48d;
		}
		.with-top-hr{
			padding:12px;
			border-top:1px solid #ccc;
		}
		.simplified-template .card-header{
			padding:0;
		}
		.simplified-template .p{
			margin-top:20px;
			line-height:28px;
			letter-spacing:.19px;
		}
		.simplified-template .item-image{
			margin-bottom:25px;
		}
		.left-aligned{
			text-align:left !important;
		}
		.right-aligned{
			text-align:right !important;
		}
		.sans{
			font-family:"Helvetica Neue","Helvetica",'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;
		}
		.serif{
			font-family:TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif !important;
		}
		.simplified-template .simplified-color,.simplified-template .simplified-color a,.simplified-template .simplified-color a:hover,.simplified-template .simplified-color a:focus{
			color:#bd8049;
		}
		.simplified-template .item-body-link{
			margin-top:20px;
		}
		.footer-outlink img{
			height:95px;
			max-height:95px;
			width:auto;
			display:inline-block;
			margin:0 0 10px;
		}
		#newsletters-link.footer-outlink{
			text-align:right;
		}
		#newsletters-link.footer-outlink img{
			height:93px;
		}
		.footer-outlink{
			width:45%;
			max-width:172px;
			padding-right:50px;
		}
		.nondecorated{
			text-decoration:none !important;
		}
		#newsletters-link{
			padding-right:0;
		}
		.outlink-row{
			text-align:left;
			padding-top:10px;
		}
		.tagline-sprite{
			display:inline-block;
			height:35px;
			max-height:35px;
		}
		.tagline-row{
			text-align:left;
			margin-bottom:29px;
			margin-top:10px;
		}
		.top-border-item{
			border-top:1px solid #e7e7e7;
			padding-top:32px;
		}
		.social-row{
			margin-bottom:10px;
		}
		.footer-address{
			color:#666666;
			font-size:11px;
			letter-spacing:.27px;
			line-height:19px;
		}
		.footer-address a{
			text-decoration:none !important;
		}
		#footer-inline-links{
			color:#bd8049;
		}
		#footer-inline-links a{
			color:#bd8049;
			font-size:11px;
			letter-spacing:.78px;
			line-height:15px;
			text-decoration:underline;
			font-weight:normal;
			text-align:center;
		}
		#footer-inline-links{
			margin:13px 0 10px;
		}
		.inline-pipe{
			vertical-align:baseline;
			font-size:11px;
			margin:0 1px;
		}
		#footer-inline-links.top-border-item{
			padding-top:14px;
		}
		#footer-inline-links a,#footer-inline-links a:hover,#footer-inline-links a:focus{
			color:#bd8049 !important;
		}
		.social-row a{
			display:inline-block;
			margin-right:20px;
		}
		.social-sprite{
			height:20px;
			width:auto;
		}
		.sponsored-subhead{
			letter-spacing:.27px;
			width:100%;
		}
		.header-date{
			white-space:nowrap;
			min-width:130px;
			line-height:13px;
			padding-top:13px;
		}
		.header-date,.sponsored-subhead{
			font-size:13px;
			color:#333;
		}
		.sponsored-subhead{
			margin-bottom:20px;
			white-space:nowrap;
		}
		.sponsored-subhead .sans{
			margin:13px 10px 13px 0;
			display:inline-block;
			line-height:26px;
			vertical-align:middle;
			color:#382c14;
		}
		.sponsored-subhead a{
			text-decoration:none;
			color:#382c14 !important;
		}
		#sponsored-img{
			min-height:20px;
			width:auto;
			max-height:26px;
			display:inline-block;
			vertical-align:middle;
		}
		.left-padded{
			padding-left:30px;
		}
		.right-padded{
			padding-right:30px;
		}
		.content-width{
			width:100%;
			min-width:415px;
		}
		.sm-spacer{
			height:7px;
		}
		.lede-card-body{
			padding:0 5px 5px;
		}
</style><!--[if !mso]><!--><link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i" rel="stylesheet"><!--<![endif]-->                
  
 
  
  <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="background: #f5f4f3;-webkit-text-size-adjust: none;margin: 0;padding: 0;width: 100% !important;">
    <center>
      <table border="0" cellpadding="0" cellspacing="5" width="485" id="backgroundTable" class="simplified-template" style="height: 100%;margin: 0;padding: 0;width: 100% !important;">
        <tbody>
          <tr>
            <td align="center" valign="top">
              <table border="0" cellpadding="0" cellspacing="0" width="475" id="templatePreheader">
                <tbody>
                  <tr>
                    <td valign="top" class="preheaderContent">
                      <div style="color: #808080;font-size: 11px;margin-bottom: 30px;text-align: center;padding: 13px 0 7px;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">
                        <span class="blurb" style="color: #f5f4f3;font-size: 11px;">City breakups, places with faces, and the garden of dreams.</span>
                        <br>
                        Email not displaying correctly? <a href="#" target="_blank" style="text-decoration: underline;color: #336699;font-weight: normal;">View in your browser</a>.
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
              <table border="0" cellpadding="0" cellspacing="0" width="475" id="templateContainer" style="border: none;">
                <!-- campaign content start -->
                <tbody>
                  <tr>
                    <td align="center" valign="top">
                      <table border="0" cellpadding="0" cellspacing="0" width="475" align="center">
                        <tbody>
                          <tr>
                            <td valign="top">
                              <a id="masthead-link" class="nondecorated" href="https://www.atlasobscura.com" target="_blank" style="text-decoration: none !important;">
                                <img class="mcnImage header-logo" src="https://gallery.mailchimp.com/399fc0402f1b154b67965632e/images/73ed94ee-f881-4ea1-8e1f-44f98483021c.png" width="203" alt="73ed94ee-f881-4ea1-8e1f-44f98483021c.png" style="border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;"></a>
                              </td>
                              <td valign="top">
                                <div class="header-date sans right-aligned" style="white-space: nowrap;min-width: 130px;line-height: 13px;padding-top: 13px;font-size: 13px;color: #333;text-align: right !important;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">February 19, 2019</div>
                              </td>
                            </tr>
                            <tr>
                              <td valign="bottom" width="100%">
                                <div style="height:12px;"></div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td align="center" width="100%">
                        
                      </td>
                    </tr>
                    <tr>
                      <td align="center" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" width="475" id="templateBody">
                          <tbody>
                            <tr>
                              <td valign="top" class="bodyContent" style="background-color: #fff;">
                                <!-- Start Hero and Intro -->
                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                  <tbody>
                                    <tr>
                                      <td valign="top" class="linked-card">
                                        <a href="https://www.atlasobscura.com/articles/message-in-a-bottle-science-experiment" target="_blank" style="text-decoration: none;"><img src="https://gallery.mailchimp.com/399fc0402f1b154b67965632e/images/03f58f9d-c9b6-4c66-8844-9062283694c3.jpg" alt="" border="0" style="margin: 0;padding: 0;max-width: 475px;max-height: 268px;border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;" width="475"></a>
                                        <br>
                                        <table border="0" cellpadding="25" cellspacing="0" width="100%">
                                          <tbody>
                                            <tr>
                                              <td valign="top">
                                                <div class="card-body lede-card-body" style="padding: 0 5px 5px;">
                                                  <div><div class="card-header left-aligned" style="text-align: left !important;padding: 0;margin-bottom: -4px;">
<div class="h3" style="display: block;font-weight: bold;font-size: 32px;line-height: 1em;color: #382c14 !important;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/articles/message-in-a-bottle-science-experiment" target="_blank" style="text-decoration: none;color: #382c14;">Science in a Bottle</a></div>
</div>

<div class="p serif" style="color: #333;display: block;font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif !important;font-size: 19px;line-height: 28px;margin-top: 20px;padding-left: 2px;padding-right: 2px;text-align: left;letter-spacing: .19px;"><a href="https://www.atlasobscura.com/articles/message-in-a-bottle-science-experiment" style="text-decoration: none;color: #333;">In the 1960s, the U.S. Bureau of Commercial Fisheries cast more than 7,000 bottles in the ocean as part of a &ldquo;cutting-edge&rdquo; citizen project to track the effect of ocean currents on shrimp. A Texas couple discovered one of the remaining bottles decades later.</a></div>

<div class="item-body-link simplified-color" style="font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;margin-top: 20px;display: inline-block;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/articles/message-in-a-bottle-science-experiment" style="text-decoration: none;font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">Read More <span class="guillemet" style="vertical-align: text-top;">&rarr;</span></a></div>
</div>
                                              </div>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <div class="lrg-spacer" style="background: #f5f4f3;height: 24px;width: 100%;"></div>
                              <!-- End Hero and Intro -->
                              <!-- Start Simplified Repeatable Module  -->
                              <div mc:repeatable="repeat_1" mc:repeatindex="0">
                                <table border="0" cellpadding="30" cellspacing="0" width="100%">
                                  <tbody>
                                    <tr>
                                      <td valign="top" class="linked-card">
                                        <a href="https://www.atlasobscura.com/articles/tolstoy-death-train-station" target="_blank" style="text-decoration: none;"><img src="https://gallery.mailchimp.com/399fc0402f1b154b67965632e/images/34bce9a9-4c24-46f6-b4de-845dbbf50fa7.jpg" alt="" border="0" style="margin: 0;padding: 0;max-width: 411px;max-height: 232px;border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;margin-bottom: 25px;" width="411" class="item-image"></a>
                                        <br>
                                        <div class="card-body">
                                          <div><div class="card-header left-aligned" style="text-align: left !important;padding: 0;margin-bottom: -4px;">
<div class="h3" style="display: block;font-weight: bold;font-size: 32px;line-height: 1em;color: #382c14 !important;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/articles/tolstoy-death-train-station" target="_blank" style="text-decoration: none;color: #382c14;">Ghosted</a></div>
</div>

<div class="p serif" style="color: #333;display: block;font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif !important;font-size: 19px;line-height: 28px;margin-top: 20px;padding-left: 2px;padding-right: 2px;text-align: left;letter-spacing: .19px;"><a href="https://www.atlasobscura.com/articles/tolstoy-death-train-station" style="text-decoration: none;color: #333;">On October 28, 1910, Leo Tolstoy left his wife and estate without warning, looking to escape his responsibilities as a patriarch and public figure. He fell ill scarcely two weeks after leaving home, and died five days later, surrounded by press.</a></div>

<div class="item-body-link simplified-color" style="font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;margin-top: 20px;display: inline-block;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/articles/tolstoy-death-train-station" style="text-decoration: none;font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">Read more <span class="guillemet" style="vertical-align: text-top;">&rarr;</span></a></div>
</div>
                                      </div>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <div class="std-spacer" style="background: #f5f4f3;height: 1px;width: 100%;"></div>
                            </div><div mc:repeatable="repeat_1" mc:repeatindex="1">
                                <table border="0" cellpadding="30" cellspacing="0" width="100%">
                                  <tbody>
                                    <tr>
                                      <td valign="top" class="linked-card">
                                        <a href="https://www.atlasobscura.com/unusual-trips/sequoia-national-park-ca-jun-13-2019" target="_blank" style="text-decoration: none;"><img src="https://gallery.mailchimp.com/399fc0402f1b154b67965632e/images/19cee1fa-77ff-43bc-abac-79a9d474606e.jpg" alt="" border="0" style="margin: 0;padding: 0;max-width: 411px;max-height: 232px;border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;margin-bottom: 25px;" width="411" class="item-image"></a>
                                        <br>
                                        <div class="card-body">
                                          <div><div class="card-header left-aligned" style="text-align: left !important;padding: 0;margin-bottom: -4px;">
<div class="item-supertitle simplified-color" style="font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;margin-bottom: 6px;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/unusual-trips/sequoia-national-park-ca-jun-13-2019" target="_blank" style="text-decoration: none;font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">Atlas Obscura Trips</a></div>

<div class="h3" style="display: block;font-weight: bold;font-size: 32px;line-height: 1em;color: #382c14 !important;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/unusual-trips/sequoia-national-park-ca-jun-13-2019" style="text-decoration: none;color: #382c14;">Tracking Wild Bees</a></div>
</div>

<div class="p serif" style="color: #333;display: block;font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif !important;font-size: 19px;line-height: 28px;margin-top: 20px;padding-left: 2px;padding-right: 2px;text-align: left;letter-spacing: .19px;"><a href="https://www.atlasobscura.com/unusual-trips/sequoia-national-park-ca-jun-13-2019" style="text-decoration: none;color: #333;">Join us this June as we venture into the open meadows of California&rsquo;s Sierra Nevada, gaining insight into the plight of the bumblebee. Led by expert biologists, we&rsquo;ll experience nature up close while conducting research on wild bumblebees and learning about efforts to save them.</a></div>

<div class="item-body-link simplified-color" style="font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;margin-top: 20px;display: inline-block;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/unusual-trips/sequoia-national-park-ca-jun-13-2019" style="text-decoration: none;font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">Learn more <span class="guillemet" style="vertical-align: text-top;">&rarr;</span></a></div>
</div>
                                      </div>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <div class="std-spacer" style="background: #f5f4f3;height: 1px;width: 100%;"></div>
                            </div><div mc:repeatable="repeat_1" mc:repeatindex="2">
                                <table border="0" cellpadding="30" cellspacing="0" width="100%">
                                  <tbody>
                                    <tr>
                                      <td valign="top" class="linked-card">
                                        <a href="https://www.atlasobscura.com/articles/what-happens-when-sister-cities-break-up" target="_blank" style="text-decoration: none;"><img src="https://gallery.mailchimp.com/399fc0402f1b154b67965632e/images/e01b4185-89ea-4718-91e5-96e2e18e5b7d.jpg" alt="" border="0" style="margin: 0;padding: 0;max-width: 411px;max-height: 232px;border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;margin-bottom: 25px;" width="411" class="item-image"></a>
                                        <br>
                                        <div class="card-body">
                                          <div><div class="card-header left-aligned" style="text-align: left !important;padding: 0;margin-bottom: -4px;">
<div class="h3" style="display: block;font-weight: bold;font-size: 32px;line-height: 1em;color: #382c14 !important;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/articles/what-happens-when-sister-cities-break-up" target="_blank" style="text-decoration: none;color: #382c14;">City Breakups</a></div>
</div>

<div class="p serif" style="color: #333;display: block;font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif !important;font-size: 19px;line-height: 28px;margin-top: 20px;padding-left: 2px;padding-right: 2px;text-align: left;letter-spacing: .19px;"><a href="https://www.atlasobscura.com/articles/what-happens-when-sister-cities-break-up" style="text-decoration: none;color: #333;">In October 2018, the Japanese city of Osaka broke off its 60-year relationship with San Francisco, California. What happens when "sister cities" call it quits? Turns out it’s extremely difficult to end a decades-long bond with the swoop of a pen.</a></div>

<div class="item-body-link simplified-color" style="font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;margin-top: 20px;display: inline-block;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/articles/what-happens-when-sister-cities-break-up" style="text-decoration: none;font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">Read more <span class="guillemet" style="vertical-align: text-top;">&rarr;</span></a></div>
</div>
                                      </div>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <div class="std-spacer" style="background: #f5f4f3;height: 1px;width: 100%;"></div>
                            </div><div mc:repeatable="repeat_1" mc:repeatindex="3">
                                <table border="0" cellpadding="30" cellspacing="0" width="100%">
                                  <tbody>
                                    <tr>
                                      <td valign="top" class="linked-card">
                                        <a href="https://community.atlasobscura.com/t/show-us-your-favorite-place-with-a-face/6670" target="_blank" style="text-decoration: none;"><img src="https://gallery.mailchimp.com/399fc0402f1b154b67965632e/images/c62b65f9-1b5c-4c98-9abd-58606879bc2b.jpeg" alt="" border="0" style="margin: 0;padding: 0;max-width: 411px;max-height: 232px;border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;margin-bottom: 25px;" width="411" class="item-image"></a>
                                        <br>
                                        <div class="card-body">
                                          <div><div class="card-header left-aligned" style="text-align: left !important;padding: 0;margin-bottom: -4px;">
<div class="item-supertitle simplified-color" style="font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;margin-bottom: 6px;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://community.atlasobscura.com/t/show-us-your-favorite-place-with-a-face/6670" target="_blank" style="text-decoration: none;font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">Community</a></div>

<div class="h3" style="display: block;font-weight: bold;font-size: 32px;line-height: 1em;color: #382c14 !important;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://community.atlasobscura.com/t/show-us-your-favorite-place-with-a-face/6670" style="text-decoration: none;color: #382c14;">Places with Faces</a></div>
</div>

<div class="p serif" style="color: #333;display: block;font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif !important;font-size: 19px;line-height: 28px;margin-top: 20px;padding-left: 2px;padding-right: 2px;text-align: left;letter-spacing: .19px;"><a href="https://community.atlasobscura.com/t/show-us-your-favorite-place-with-a-face/6670" style="text-decoration: none;color: #333;">Some buildings seem to smile, others seem to frown, but either way it's a delight. We want to see the best “places with faces” that you’ve ever encountered.</a></div>

<div class="item-body-link simplified-color" style="font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;margin-top: 20px;display: inline-block;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://community.atlasobscura.com/t/show-us-your-favorite-place-with-a-face/6670" style="text-decoration: none;font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">Share Now <span class="guillemet" style="vertical-align: text-top;">&rarr;</span></a></div>
</div>
                                      </div>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <div class="std-spacer" style="background: #f5f4f3;height: 1px;width: 100%;"></div>
                            </div><div mc:repeatable="repeat_1" mc:repeatindex="4">
                                <table border="0" cellpadding="30" cellspacing="0" width="100%">
                                  <tbody>
                                    <tr>
                                      <td valign="top" class="linked-card">
                                        <a href="https://www.atlasobscura.com/places/the-garden-of-dreams" target="_blank" style="text-decoration: none;"><img src="https://gallery.mailchimp.com/399fc0402f1b154b67965632e/images/0016f07b-c257-46f1-9a79-e5430fb5db15.jpg" alt="" border="0" style="margin: 0;padding: 0;max-width: 411px;max-height: 232px;border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;margin-bottom: 25px;" width="411" class="item-image"></a>
                                        <br>
                                        <div class="card-body">
                                          <div><div class="card-header left-aligned" style="text-align: left !important;padding: 0;margin-bottom: -4px;">
<div class="item-supertitle simplified-color" style="font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;margin-bottom: 6px;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/places/the-garden-of-dreams" target="_blank" style="text-decoration: none;font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">Kathmandu, Nepal</a></div>

<div class="h3" style="display: block;font-weight: bold;font-size: 32px;line-height: 1em;color: #382c14 !important;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/places/the-garden-of-dreams" style="text-decoration: none;color: #382c14;">Garden of Dreams</a></div>
</div>

<div class="p serif" style="color: #333;display: block;font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif !important;font-size: 19px;line-height: 28px;margin-top: 20px;padding-left: 2px;padding-right: 2px;text-align: left;letter-spacing: .19px;"><a href="https://www.atlasobscura.com/places/the-garden-of-dreams" style="text-decoration: none;color: #333;">Characterized by six pavilions representing the &ldquo;six seasons&rdquo; of Nepal, this garden was considered one of the most remarkable feats of landscape design in its heyday.</a></div>

<div class="item-body-link simplified-color" style="font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;margin-top: 20px;display: inline-block;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/places/the-garden-of-dreams" style="text-decoration: none;font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">Read more <span class="guillemet" style="vertical-align: text-top;">&rarr;</span></a></div>
</div>
                                      </div>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <div class="std-spacer" style="background: #f5f4f3;height: 1px;width: 100%;"></div>
                            </div><div mc:repeatable="repeat_1" mc:repeatindex="5">
                                <table border="0" cellpadding="30" cellspacing="0" width="100%">
                                  <tbody>
                                    <tr>
                                      <td valign="top" class="linked-card">
                                        <a href="https://www.atlasobscura.com/places/papermoon-diner" target="_blank" style="text-decoration: none;"><img src="https://gallery.mailchimp.com/399fc0402f1b154b67965632e/images/269841c4-4d80-4197-ae12-de1e56660a1a.jpg" alt="" border="0" style="margin: 0;padding: 0;max-width: 411px;max-height: 232px;border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;margin-bottom: 25px;" width="411" class="item-image"></a>
                                        <br>
                                        <div class="card-body">
                                          <div><div class="card-header left-aligned" style="text-align: left !important;padding: 0;margin-bottom: -4px;">
<div class="item-supertitle simplified-color" style="font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;margin-bottom: 6px;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/places/papermoon-diner" target="_blank" style="text-decoration: none;font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">Baltimore, Maryland</a></div>

<div class="h3" style="display: block;font-weight: bold;font-size: 32px;line-height: 1em;color: #382c14 !important;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/places/papermoon-diner" style="text-decoration: none;color: #382c14;">Papermoon Diner</a></div>
</div>

<div class="p serif" style="color: #333;display: block;font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif !important;font-size: 19px;line-height: 28px;margin-top: 20px;padding-left: 2px;padding-right: 2px;text-align: left;letter-spacing: .19px;"><a href="https://www.atlasobscura.com/places/papermoon-diner" style="text-decoration: none;color: #333;">This beloved Baltimore diner features caged dolls, a giant Pez collection, and many, many mannequins.</a></div>

<div class="item-body-link simplified-color" style="font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;margin-top: 20px;display: inline-block;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/places/papermoon-diner" style="text-decoration: none;font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">Read more <span class="guillemet" style="vertical-align: text-top;">&rarr;</span></a></div>
</div>
                                      </div>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <div class="std-spacer" style="background: #f5f4f3;height: 1px;width: 100%;"></div>
                            </div><div mc:repeatable="repeat_1" mc:repeatindex="6">
                                <table border="0" cellpadding="30" cellspacing="0" width="100%">
                                  <tbody>
                                    <tr>
                                      <td valign="top" class="linked-card">
                                        <a href="https://www.atlasobscura.com/foods/hot-springs-beer" target="_blank" style="text-decoration: none;"><img src="https://gallery.mailchimp.com/399fc0402f1b154b67965632e/images/3fd650ca-abf5-4d92-8d4c-02d73aec2bb4.jpg" alt="" border="0" style="margin: 0;padding: 0;max-width: 411px;max-height: 232px;border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;margin-bottom: 25px;" width="411" class="item-image"></a>
                                        <br>
                                        <div class="card-body">
                                          <div><div class="card-header left-aligned" style="text-align: left !important;padding: 0;margin-bottom: -4px;">
<div class="item-supertitle simplified-color" style="font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;margin-bottom: 6px;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/foods/hot-springs-beer" target="_blank" style="text-decoration: none;font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">Food &amp; Drink</a></div>

<div class="h3" style="display: block;font-weight: bold;font-size: 32px;line-height: 1em;color: #382c14 !important;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/foods/hot-springs-beer" style="text-decoration: none;color: #382c14;">Hot Springs Beer</a></div>
</div>

<div class="p serif" style="color: #333;display: block;font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif !important;font-size: 19px;line-height: 28px;margin-top: 20px;padding-left: 2px;padding-right: 2px;text-align: left;letter-spacing: .19px;"><a href="https://www.atlasobscura.com/foods/hot-springs-beer" style="text-decoration: none;color: #333;">After lying vacant for decades, the Superior Bathhouse in Hot Springs, Arkansas, has been given a new purpose: brewing craft beer specially made from the thermal spring water. </a></div>

<div class="item-body-link simplified-color" style="font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;margin-top: 20px;display: inline-block;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;"><a href="https://www.atlasobscura.com/foods/hot-springs-beer" style="text-decoration: none;font-size: 15px;font-weight: 600;line-height: 1em;letter-spacing: .12em;text-transform: uppercase;color: #bd8049;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">Read more <span class="guillemet" style="vertical-align: text-top;">&rarr;</span></a></div>
</div>
                                      </div>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <div class="std-spacer" style="background: #f5f4f3;height: 1px;width: 100%;"></div>
                            </div>
                            <!-- End Simplified Repeatable Module  -->
                            <div class="lrg-spacer" style="background: #f5f4f3;height: 24px;width: 100%;"></div>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <!-- START Footer content -->
                    <table width="475" border="0" cellpadding="30" cellspacing="0" bgcolor="#ffffff">
                      <tbody>
                        <tr>
                          <td align="left" valign="bottom">
                            <div class="outlink-row content-width" style="text-align: left;padding-top: 10px;width: 100%;min-width: 415px;">
                              <a id="place-link" class="footer-outlink nondecorated" href="https://www.atlasobscura.com/places/new" style="text-decoration: none !important;width: 45%;max-width: 172px;padding-right: 50px;">
                                <img alt="Add a place to the Atlas" src="https://gallery.mailchimp.com/399fc0402f1b154b67965632e/images/50efbd92-2529-4df5-8eeb-95cd9eeb21f7.png" style="border: none;font-size: 14px;font-weight: bold;height: 95px;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;max-height: 95px;width: auto;display: inline-block;margin: 0 0 10px;"></a>
                                <a id="newsletters-link" class="footer-outlink nondecorated" href="https://www.atlasobscura.com/newsletters" style="text-decoration: none !important;width: 45%;max-width: 172px;padding-right: 0;text-align: right;">
                                  <img alt="Subscribe to our other newsletters" src="https://gallery.mailchimp.com/399fc0402f1b154b67965632e/images/172a232c-2b2f-4442-9eba-06d7d7a046a9.png" style="border: none;font-size: 14px;font-weight: bold;height: 93px;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;max-height: 95px;width: auto;display: inline-block;margin: 0 0 10px;"></a>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                        <table width="475" border="0" cellpadding="0" cellspacing="0" bgcolor="#f5f4f3">
                          <tbody>
                            <tr>
                              <td>
                                <div class="std-spacer" style="background: #f5f4f3;height: 1px;width: 100%;"></div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                        <table width="475" border="0" cellpadding="30" cellspacing="0" bgcolor="#ffffff">
                          <tbody>
                            <tr>
                              <td align="left" valign="bottom" class="limit-to-template-max-width">
                                <div class="tagline-row" style="text-align: left;margin-bottom: 29px;margin-top: 10px;">
                                  <a id="tagline-link" class="nondecorated" href="https://www.atlasobscura.com/" style="text-decoration: none !important;">
                                    <img id="full-tagline" alt="The definitive guide to the world's hidden wonders." src="https://gallery.mailchimp.com/399fc0402f1b154b67965632e/images/255522d9-e507-48a7-a653-df54f573e6f4.png" width="310" style="border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;"></a>
                                  </div>
                                  <div class="social-row left-margined" style="margin-bottom: 10px;">
                                    <a class="nondecorated" href="https://www.facebook.com/atlasobscura/" style="text-decoration: none !important;display: inline-block;margin-right: 20px;">
                                      <img id="facebook" class="social-sprite" alt="Facebook" src="https://gallery.mailchimp.com/399fc0402f1b154b67965632e/images/4e43ce8b-f7ac-419d-9de3-ce96b3fa8fd5.png" height="20" style="border: none;font-size: 14px;font-weight: bold;height: 20px;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;width: auto;"></a>
                                      <a class="nondecorated" href="https://twitter.com/atlasobscura" style="text-decoration: none !important;display: inline-block;margin-right: 20px;">
                                        <img id="twitter" class="social-sprite" alt="Twitter" src="https://gallery.mailchimp.com/399fc0402f1b154b67965632e/images/8ae31b5b-a5ab-447d-9e54-03bf7562db3d.png" height="20" style="border: none;font-size: 14px;font-weight: bold;height: 20px;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;width: auto;"></a>
                                        <a class="nondecorated" href="https://www.instagram.com/atlasobscura/" style="text-decoration: none !important;display: inline-block;margin-right: 20px;">
                                          <img id="instagram" class="social-sprite" alt="Instagram" src="https://gallery.mailchimp.com/399fc0402f1b154b67965632e/images/79689903-ead9-474a-b88b-be40be01b52d.png" height="20" style="border: none;font-size: 14px;font-weight: bold;height: 20px;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;width: auto;"></a>
                                          <a class="nondecorated" href="https://www.youtube.com/user/atlasobscura?sub_confirmation=1" style="text-decoration: none !important;display: inline-block;margin-right: 20px;">
                                            <img id="youtube" class="social-sprite" alt="Instagram" src="https://gallery.mailchimp.com/399fc0402f1b154b67965632e/images/da028dab-1730-4a2c-b3a8-311d8d701b58.png" height="20" style="border: none;font-size: 14px;font-weight: bold;height: 20px;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;width: auto;"></a>
                                          </div>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                  <table width="475">
                                    <tbody>
                                      <tr>
                                        <td align="center" valign="bottom">
                                          <div id="footer-inline-links" style="color: #bd8049;margin: 13px 0 10px;">
                                            <a class="sans" href="https://www.atlasobscura.com/" style="text-decoration: underline;color: #bd8049 !important;font-size: 11px;letter-spacing: .78px;line-height: 15px;font-weight: normal;text-align: center;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">Visit AtlasObscura.com</a> <span class="inline-pipe" style="vertical-align: baseline;font-size: 11px;margin: 0 1px;">·</span> <a class="sans" href="#" style="text-decoration: underline;color: #bd8049 !important;font-size: 11px;letter-spacing: .78px;line-height: 15px;font-weight: normal;text-align: center;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">View in Browser</a> <span class="inline-pipe" style="vertical-align: baseline;font-size: 11px;margin: 0 1px;">·</span> <a class="sans" href="#" style="text-decoration: underline;color: #bd8049 !important;font-size: 11px;letter-spacing: .78px;line-height: 15px;font-weight: normal;text-align: center;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">Unsubscribe</a> <span class="inline-pipe" style="vertical-align: baseline;font-size: 11px;margin: 0 1px;">·</span> <a class="sans" href="https://www.atlasobscura.com/newsletters" style="text-decoration: underline;color: #bd8049 !important;font-size: 11px;letter-spacing: .78px;line-height: 15px;font-weight: normal;text-align: center;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">See All Newsletters</a>
                                          </div>
                                          <div class="footer-address sans" style="color: #666666;font-size: 11px;letter-spacing: .27px;line-height: 19px;font-family: &quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,'Arial',sans-serif,'normal','Droid Sans','Roboto' !important;">61 Greenpoint Ave #622, Brooklyn, NY 11222</div>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td align="center" valign="top">
                                          <div class="lrg-spacer" style="background: #f5f4f3;height: 24px;width: 100%;"></div>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                  <!-- END Footer content -->
                                </td>
                              </tr>
                              <!-- campaign content end -->
                            </tbody>
                          </table>
                          <!-- MC content end -->
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </center>
              </body>  


</html>

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console