/****************************    Phone       ****************************/
 @-webkit-keyframes txt{0%{-webkit-transform:translateY(0px)}4%{-webkit-transform:translateY(-5px)}8%{-webkit-transform:translateY(0px)}12%{-webkit-transform:translateY(-3px)}16%{-webkit-transform:translateY(0px)}20%{-webkit-transform:translateY(-1px)}24%{-webkit-transform:translateY(0px)}100%{-webkit-transform:translateY(0px)}}
 @keyframes txt{0%{transform:translateY(0px)}4%{transform:translateY(-5px)}8%{transform:translateY(0px)}12%{transform:translateY(-3px)}16%{transform:translateY(0px)}20%{transform:translateY(-1px)}24%{transform:translateY(0px)}100%{transform:translateY(0px)}}
 @-webkit-keyframes phone{0%{-webkit-transform:rotate(0deg)}4%{-webkit-transform:rotate(-25deg)}8%{-webkit-transform:rotate(0deg)}12%{-webkit-transform:rotate(-25deg)}16%{-webkit-transform:rotate(0deg)}20%{-webkit-transform:rotate(-25deg)}24%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg)}}
 @keyframes phone{0%{transform:rotate(0deg)}4%{transform:rotate(-25deg)}8%{transform:rotate(0deg)}12%{transform:rotate(-25deg)}16%{transform:rotate(0deg)}20%{transform:rotate(-25deg)}24%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}
 @-webkit-keyframes pulse{0%{opacity:1;-webkit-transform:scale(1)}50%{opacity:.5;-webkit-transform:scale(1.25)}100%{opacity:0;-webkit-transform:scale(1.5)}}
@-moz-keyframes pulse{0%{opacity:1;-moz-transform:scale(1)}50%{opacity:.5;-moz-transform:scale(1.25)}100%{opacity:0;-moz-transform:scale(1.5)}}
@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.25)}100%{opacity:0;transform:scale(1.5)}}
#phone,#call{position:relative;width:282px;margin:10px auto 0;padding:10px 10px 0;font:400 13px/120% montserrat,sans-serif}
#phone:before,#call:before{content:'';position:absolute;top:80px;left:5px;width:5px;height:60px;border-radius:5px;background-color:#444}
#phone wrap,#call wrap{position:relative;display:inline-block;top:0;width:260px;height:500px;background:#555;border-radius:35px;padding:10px 10px 60px;box-shadow:1px 1px 2px #111}
#phone wrap:before,#call wrap:before{content:'';position:absolute;left:90px;width:1px;height:1px;background:#222;border-radius:10px;padding:5px;margin-right:10px}
#phone wrap:after,#call wrap:after{content:'';position:absolute;top:11px;left:110px;width:70px;height:1px;background:#222;border-radius:10px;padding:5px}
#phone caller,#call caller{display:block;height:80px;line-height:100%;padding:0;background:#444;margin:30px 0 0}
#phone caller icons,#call caller icons{display:block;width:calc(100% - 10px);padding:5px 10px 5px 0;background:var(--guestbg);text-align:right;color:#ccc}
#phone caller div,#call caller div{position:relative;float:left;font-size:12px;margin:0 3px 0 25px;font-weight:600}
#phone caller div i,#call caller div i{position:absolute;left:-23px;top:-5px;font-size:22px;color:rgba(0,0,0,0.4)}
#phone whom,#call whom{display:block;padding:25px;text-align:left;font:14px poppins,sans-serif}
#phone whom::before,#call whom::before{content:"\f105";display:inline-block;font-family:"Font Awesome 5 Free";font-weight:900;padding:0 20px 0 0;color:var(--guest)}
#phone bounce{display:block;height:5px;width:100%;background:var(--guest);text-align:right;z-index:5}
#phone bounce i{position:relative;top:-12px;right:25px;height:10px;width:10px;background:var(--guest);color:#eee;font-size:16px;text-align:center;padding:7px 13px 12px 7px;border-radius:100%;-webkit-animation:txt 2000ms linear 2000ms infinite;animation:txt 2000ms linear 2000ms infinite;z-index:5}
#phone wiggle,#call wiggle{display:block;height:5px;width:100%;background:var(--guest);text-align:right;z-index:5}
#phone wiggle i,#call wiggle i{position:relative;top:-12px;right:25px;height:10px;width:10px;background:var(--guest);color:#eee;font-size:16px;text-align:center;padding:7px 13px 12px 7px;border-radius:100%;-webkit-animation:phone 2000ms linear 2000ms infinite;animation:phone 2000ms linear 2000ms infinite;z-index:5}
#phone text,#call text{display:block;overflow:auto;height:310px;width:calc(100% - 20px);background-color:#4c4c4c;padding:20px 10px 15px;text-align:justify}
#phone text .fa,#call text .fa{position:relative;padding:0 10px 0 0;color:var(--guest);font-size:48px;float:left}
#phone text img,#phone text char1 img,#phone text char2 img{max-width:180px}
#phone text char1,#phone text char2{display:inline-block;clear:both;background:var(--guestbg);padding:10px 15px 10px 10px;margin:5px 0 10px;font-size:12px;color:#eee}
#phone text char2{border-radius:0 10px 10px 10px;float:left;text-align:left}
#phone text char1{border-radius:10px 0 10px 10px;float:right;text-align:right}
#phone typing{display:block;width:calc(100% - 20px);background-color:#4c4c4c;padding:2px 10px;text-align:left}
#phone typing b{color:var(--guest)}
#phone:after,#call:after{content:'';position:absolute;bottom:13px;left:131px;width:25px;height:25px;border-radius:100%;padding:5px;background-color:#444}
#phone send{position:relative;display:block;height:17px;width:17px;left:105px;padding:7px 7px 5px 5px;background:var(--guestbg);border-radius:100%;color:#ccc;margin:7px 0 0}
#phone send:after,#call send:after{content:'type message here...';position:absolute;left:-200px;top:2px;width:180px;padding:5px;font:12px calibri,sans-serif;background:#666;border-radius:5px;color:#ccc}
#call send{position:relative;display:block;height:17px;width:17px;left:215px;padding:7px 7px 5px 5px;background:var(--guestbg);border-radius:100%;color:#ccc;margin:7px 0 0}
/**************************** Journal ***************************/
.journal{position:relative;margin:0 auto;width:650px;border:1px solid #222;box-shadow:1px 1px 2px #222;background:#333;color:#ccc;text-align:left}
.journal top{display:block;width:100%;height:78px}
.journal middle{display:block;width:calc(100% - 66px);padding:6px 5px 4px 60px;font:normal 13px Comfortaa,cursive;background:-webkit-gradient(linear,0 0,0 100%,from(#777),color-stop(4%,#333)) 0 4px;background:-webkit-linear-gradient(top,#777 0%,#333 8%) 0 4px;background:linear-gradient(top,#777 0%,#333 8%) 0 4px;-webkit-background-size:100% 20px;background-size:100% 20px;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.07);box-shadow:0 1px 2px rgba(0,0,0,0.07)}
.journal dear{display:block;width:100%;margin:3px 0 9px}
.journal writing{display:block;top:8px;width:100%;padding:5px;text-indent:50px;line-height:170%}
.journal signature{display:block;width:90%;margin:20px 0 10px;text-align:right}
.journal middle::before{content:'';position:absolute;width:4px;top:0;left:30px;bottom:0;border:1px solid;border-color:transparent #666}
.journal p{display:block;margin:0 0 23.5px}
.journal p:last-child{display:block;margin:0 0 5px}
.journal ul{margin:0 0 20px}
/***********************************   email   ************************************/
#email{margin:0 auto;width:550px;box-shadow:1px 1px 2px #222;background:#444;font:12px sans-serif;text-align:left}
#email .title{height:20px;background-color:#333;padding:15px}
#email .title span{font:18px 'Fjalla One',sans-serif;color:#eee}
#email .title span+span{float:right}
#email .line{height:50px;padding:15px;border-bottom:1px solid #777}
#email .line span:first-child{position:relative;float:left;background-color:#777;padding:5px;border-radius:5px;color:#ccc;border:1px solid #ccc;margin:2px 0 2px 35px}
#email .line span:before{content:' To ';position:absolute;left:-35px}
#email .line span:after{content:' x ';padding:0 3px 0 5px}
#email .line span+span{position:relative;float:left;clear:both;padding:5px;color:#aaa;margin:2px 0 2px 35px}
#email .line span+span:before{content:' From ';position:absolute;left:-35px}
#email .line email{position:relative;display:inline-block;font-family:sans-serif;font-size:12px;color:#888;margin:0 10px 0 20px}
#email .line span email:before{content:' < ';position:absolute;color:var(--guest);left:-13px}
#email .line span email:after{content:' > ';color:var(--guest);left:-7px}
#email .subject{height:20px;padding:15px;font-size:16px;border-bottom:1px solid #777}
#email .content{padding:20px 40px;line-height:150%;border-bottom:1px solid #666;text-align:justify}
#email .footer{height:35px;padding:15px;text-align:right;background:#333}
#email .footer send:before{content:' send ';height:10px;padding:7px 20px;color:#fff;font-weight:700;background:#689bca;border-radius:5px}
/**************************  post it note **************************/
.pin-yellow,.pin-green,.pin-pinks,.pin-blue,.pin-purple{position:relative;display:block;margin:auto;width:500px;height:550px;background-size:500px 550px;font-size:28px;line-height:120%;color:#000}
.pin-yellow{background-image:url(https://files.jcink.net/uploads/fuguestate/2020/PIN_Y.png)}
.pin-green{background-image:url(https://files.jcink.net/uploads/fuguestate/2020/PIN-G.png)}
.pin-pink{background-image:url(https://files.jcink.net/uploads/fuguestate/2020/PIN-P.png)}
.pin-blue{background-image:url(https://files.jcink.net/uploads/fuguestate/2020/PIN-B.png)}
.pin-purple{background-image:url(https://files.jcink.net/uploads/fuguestate/2020/PIN-PR.png)}
.pin-m{position:relative;top:110px;width:350px;height:300px;overflow:auto}
.pin-s{position:relative;bottom:-120px;width:330px;height:40px;padding:0 20px 0 0;text-align:right}
.pin-1{font-family:'Calligraffitti',cursive}
.pin-2{font-family:'Architects Daughter',cursive}
.pin-3{font-family:'Dancing Script',cursive}
.pin-4{font-family:'Amatic SC',cursive}
.pin-5{font-family:'Shadows Into Light Two',cursive}
.pin-6{font-family:'Indie Flower',cursive}
.pin-7{font-family:'Nothing You Could Do',cursive}
.pin-8{font-family:'Give You Glory',cursive}
/***********************************  CHAR INFO  **********************************/
 #charinfo{position:relative;width:550px;background-color:#444;line-height:60%;color:#aaa;border:15px solid #2a2a2a;box-shadow:1px 1px 3px #222,-1px 1px 3px #222;margin:0 auto;text-align:left}
#charinfo .top{width:420px;height:40px;line-height:60%;padding:60px 20px 20px 110px;text-transform:capitalize;margin:0 0 20px}
#charinfo .top:before{position:absolute;content:'';top:0;left:0;width:0;height:0;border-top:125px solid var(--guestbg);border-right:125px solid transparent}
#charinfo .top name{position:relative;background-color:var(--guestbg);left:-10px;padding:7px 20px 5px 25px;font:italic 600 28px 'Fjalla One',sans-serif!important;color:#ccc;text-transform:capitalize;border-radius:0 10px 10px 0}
#charinfo .top img{position:absolute;left:10px;top:7px;width:100px;height:100px;border-radius:100px;border:5px solid var(--guest);z-index:2}
#charinfo .block{position:relative;width:430px;background-color:rgba(18,18,18,0.2);padding:25px 25px 10px 55px;margin:5px auto 30px;font:12px/140% sans-serif;color:#ccc;text-align:left;text-align:justify;border:1px solid #444;box-shadow:1px 1px 3px #222}
#charinfo .block .title{position:absolute;top:-15px;left:0;padding:7px 15px;font:italic 600 14px 'Fjalla One',sans-serif!important;color:var(--guest);text-transform:uppercase;text-align:left;margin:0 0 5px;background-color:#333;border-radius:0 10px;text-shadow:1px 1px 0 #111}
#charinfo .block b{text-transform:capitalize;font:12px sans-serif;padding:0 3px 0 0}
#charinfo .block blockquote b{display:block;left:-15px;text-transform:capitalize;text-decoration:underline;font:600 12px/110% sans-serif}
#charinfo .block blockquote{line-height:120%}
/*********************************** MOOD OLD ************************************/
.fdmbw,.fdmbc5{position:relative;display:inline-block;vertical-align:top;width:470px;background-color:rgba(18,18,18,0.3);box-shadow:3px 3px 2px #222;border:1px solid #2a2a2a;margin:0 auto;font:10px/130% sans-serif}
.fdmbc5{padding:15px 0;border:10px solid #333;margin:0 auto}
.fdmbh,.fdmbh2{width:440px;background-color:var(--guestbg);line-height:80%;padding:40px 30px 0 0;border-bottom:8px solid #444;font:italic 400 36px Lobster,cursive;color:var(--guest);letter-spacing:1px;text-shadow:1px 1px 0 #111}
.fdmbh5,.fdmbh6,.fdmbh7,.fdmbh8{width:calc(90% - 40px);background-color:#444;padding:30px 20px;border-bottom:8px solid var(--guest);font:400 italic 18px Lobster,cursive;color:var(--guest);margin:4px 0 0 2px}
.fdmbh8{padding:25px 20px;border-top:8px solid var(--guest);border-bottom:0 solid;margin:0 0 4px 2px}
.fdmbc{width:470px;padding:20px 0}
.fdmbc img,.fdimg6 img{width:200px;min-height:113px;background-image:url(http://placehold.it/200x113);background-size:200px auto;border:1px solid var(--guest);margin:6px}
.fdmbc2{width:415px;padding:20px 27px}
.fdmbf,.fdmbf2{width:460px;color:#aaa;text-transform:uppercase;border-top:8px solid #444;background-color:var(--guestminibg);letter-spacing:1px;padding:15px 5px;text-shadow:1px 1px 0 #111;text-align:center}
.fdmbf i,.fdmbf2 i{color:var(--guest);font-size:14px;margin-left:8px}
.fdimg2,.fdimg5 img,.fdmbc2 img{position:relative;width:125px;height:125px;background-image:url(http://placehold.it/125x125);background-size:125px auto;background-position:center;display:inline-block;border:1px solid var(--guest);margin-bottom:2px}
.fdmbc2 img{margin:4px}
.fdimg2{margin:3px}
.fdimg2 img{width:125px;height:125px}
.fdimg3{width:420px;margin:0;padding:0}
.fdimg3 img{width:200px;min-height:200px;margin:4px;background-image:url(http://placehold.it/200x200);background-size:200px auto}
.fdimg4{position:relative;display:inline-block;width:470px;margin:0 auto;padding:0}
.fdimg4 img,.fdimg7 img{margin-left:4px;width:400px;margin:3px 35px;background-image:url(http://placehold.it/400x200);border:1px solid var(--guest)}
.fdimg7 img{margin:3px 9px}
.fdimg5 img{margin:8px}
.fdimg5,.fdimg6,.fdimg7{width:100%}
.fdmbh5 sm,.fdmbh6 sm,.fdmbh7 sm{display:block;font:12px/100% poppins,sans-serif;color:#aaa}
.fdmbh5 sm a,.fdmbh6 sm a,.fdmbh7 sm a{font:700 10px/100% calibri,sans-serif;text-transform:uppercase;text-decoration:none;color:#aaa}
/****************************  QUOTES ****************************/
.fsquote::before{position:relative;top:25px;content:"❝ ";font-size:64px;color:var(--guest)}
.fsdq,.fsdq2{position:relative;display:inline-block;vertical-align:top;width:400px;background:rgba(18,18,18,0.3);font:italic 18px/140% georgia;text-align:justify;color:#ccc;margin:10px 2%;box-shadow:3px 3px 2px #222;border:1px solid #2a2a2a}
.fsdq{padding:10px 25px 25px;border-radius:10px;border:4px solid #333;box-shadow:3px 3px 3px rgba(33,33,33,0.5)}
.fsdqa{text-align:right;font-family:'Lobster',cursive;font-style:italic;margin-top:10px;color:var(--guest)}
.fsdqa::before{content:"- "}
.fsdq2 .title,.fsdq2 .footer{padding:10px;font-size:14px;color:var(--guest);text-align:justify;font:italic 18px 'playfair display',sans-serif;border-bottom:8px solid #444;background-color:#333}
.fsdq2 .title i{font-size:24px;font-style:italic;padding:0 5px 0 0}
.fsdq2 .fsquote2{width:360px;padding:40px 20px}
.fsdq2 .footer{padding:10px 20px 10px 10px;text-align:right;border-top:8px solid #444;border-bottom:0 solid} 
/*********************     timeline  *************************/
.timeline{position:relative;width:75%;padding:20px;margin:0 auto}
.timeline .title{margin-top:-10px;width:calc(100% - 130px);text-align:left;padding:20px 10px 10px 120px;border-bottom:5px solid var(--guest);font:600 italic 38px/60% teko,sans-serif!important;text-transform:capitalize}
.timeline .title img{position:absolute;left:10px;top:12px;width:100px;height:100px;border-radius:0 30px;border:5px solid var(--guest)}
.timeline .descrip{position:absolute;left:130px;width:75%;height:40px;overflow:auto;padding:5px;font-size:11px;text-align:left;margin:5px 0;line-height:110%}
.timeline .line{position:relative;left:50px;margin-top:50px;padding:15px 15px 0 10px;line-height:110%;border-left:5px solid var(--guest)}
.timeline date{display:block;font:italic 900 18px teko,sans-serif;color:var(--guest);text-transform:uppercase;padding:5px;text-shadow:1px 1px 0 #111}
.timeline note{font:italic 600 11px calibri,sans-serif;color:#ccc;text-transform:uppercase;text-decoration:underline;padding:5px}
.timeline .time{position:relative;padding:10px 15px;font-size:11px;text-align:left;background:var(--guestminibg);border-radius:10px;margin:10px 0 10px 15px}
.timeline .time:before{position:absolute;content:'';left:-10px;width:0;height:0;border-top:10px solid transparent;border-right:10px solid var(--guestminibg);border-bottom:10px solid transparent}
.timeline .time:after{content:'\f073';font-family:"Font Awesome 5 Free";font-weight:400;position:absolute;width:15px;height:20px;padding:6px 6px 4px;left:-41px;top:2px;color:#ddd;font-size:18px;background-color:var(--guest);border-radius:5px;z-index:1}
.timeline .info{padding:0 0 10px 20px}
/************** timeline - 2 *******************/
.timeline2{position:relative;max-width:700px;margin:50px auto 0;font-family:sans-serif}
.timeline2::after{content:'';position:absolute;width:3px;background-color:#555;top:0;bottom:0;left:49.4%;margin-left:-3px}
.timeline2 header,.timeline2 footer{position:relative;display:block;width:600px;margin:0 auto 50px;padding:40px 10px;z-index:2}
.timeline2 header{background-color:#333;box-shadow:3px 3px 2px #222;border:1px solid #3a3a3a}
.timeline2 footer{width:fit-content;background-color:#555;box-shadow:3px 3px 2px #222;border:1px solid #2a2a2a;border-radius:15px;padding:10px 30px 5px;font:28px/70% teko,cursive}
.timeline2 header:after{content:'';position:absolute;height:1px;width:96%;background-color:#555;left:10px;bottom:0;top:45%;z-index:1}
.timeline2 header num,.timeline2 header title{position:relative;display:inline-block;padding:0 10px;margin-top:-20px;background-color:inherit;font:18px calibri,sans-serif;color:var(--guest);text-transform:lowercase;z-index:5}
.timeline2 header num{float:left}
.timeline2 header title{float:right}
.timeline2 img{position:absolute;top:-16px;left:41.3%;border-radius:100%;border-top:5px solid var(--guest);border-bottom:5px solid var(--guest);border-right:5px solid #333;border-left:5px solid #333;z-index:2}
.timeline2 left,.timeline2 right{display:block;margin:10px 0}
.timeline2 cont,.timeline2 date{display:inline-block;padding:5px 30px;position:relative;width:40.5%}
.timeline2 cont:after{content:'\f073';font-family:"Font Awesome 5 Free";font-weight:400;position:absolute;width:15px;height:20px;padding:6px 6px 4px;right:-14px;color:#ddd;font-size:18px;background-color:var(--guest);top:10px;border-radius:5px;z-index:1}
.timeline2 right cont:after{left:-19px}
.timeline2 date b{margin-top:-3px;display:inline-block;padding:3px 5px;border:1px solid var(--guest);border-radius:5px;font-size:13px;color:black;font-family:'calibri',sans-serif;text-transform:uppercase;letter-spacing:.5px;background-color:var(--guestbg);line-height:110%}
.timeline2 left date b:before{content:'';position:absolute;left:-0;top:12px;height:1px;padding:0 15px;background-color:var(--guest)}
.timeline2 right date b:before{content:'';position:absolute;right:-0;top:12px;height:1px;padding:0 15px;background:var(--guest)}
.timeline2 left date place{font-size:11px;font-weight:400;display:block;margin:0 0 0 20px}
.timeline2 right date place{font-size:11px;font-weight:400;display:block;margin:0 20px 0 0}
.timeline2 left date place:before{content:' - '}
.timeline2 right date place:after{content:' - '}
.timeline2 left cont{left:0}
.timeline2 right cont{left:50%}
.timeline2 right date{position:absolute;left:0;text-align:right;margin:13px 10px 10px 0}
.timeline2 left date{position:absolute;right:0;margin:13px 10px 10px 0}
.timeline2 left cont::before{content:" ";height:0;position:absolute;top:15px;width:0;z-index:1;right:20px;border:medium solid #444;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #444}
.timeline2 right cont::before{content:" ";height:0;position:absolute;top:15px;width:0;z-index:1;left:20px;border:medium solid #444;border-width:10px 10px 10px 0;border-color:transparent #444 transparent transparent}
.timeline2 info{padding:10px 20px;font-size:11px;color:#aaa;line-height:120%;background-color:#444;position:relative;border-radius:6px}
.timeline2 info note{display:block;margin:10px 5px 0}
.timeline2 info title{display:block;margin:0 5px 5px -5px;text-transform:uppercase;font:600 16px 'Fjalla One',sans-serif;color:var(--guest);text-shadow:1px 1px 0 #111;text-decoration:underline;padding:3px 0}
.timeline2 left info{float:right}
.timeline2 right info{float:left;text-align:right}
/************** Relationaship Tracker - square *******************/
.fsrt1,.fsrt2{position:relative;width:490px;text-align:justify;background-color:rgba(18,18,18,0.3);box-shadow:3px 3px 2px #222;border-bottom:40px solid var(--guestminibg);margin:0 auto}
.fsrt1 .title{background-color:var(--guestminibg);line-height:80%;text-align:right;padding:40px 30px 0 0;border-bottom:8px solid #444;font:400 italic 36px Lobster,cursive;letter-spacing:1px;text-shadow:1px 1px 0 #111}
.fsrt1 .ships{padding:20px 15px;border-bottom:8px solid #444}
.fsrt1 .ships img,.fsrt2 .wrap img{vertical-align:top;width:100px;height:100px;background-image:url(http://placehold.it/100);background-size:100px auto;background-position:center;border:3px solid #555}
.fsrt1 .ships div,.fsrt2 .wrap div{position:relative;display:inline-block;width:100px;height:100px;padding:0;margin:5px 5px 10px;text-align:center;font:600 20px sans-serif;border:0}
.fsrt1 .ships div name,.fsrt2 .wrap div name{position:absolute;bottom:-6px;left:0;right:0;background-color:rgba(18,18,18,0.9);overflow:hidden;width:96px;padding:2px 5px;min-height:8px;transition:.5s ease;font:600 10px sans-serif;text-transform:capitalize;text-align:center;z-index:3}
.fsrt1 .ships div ship,.fsrt2 .wrap div ship{position:absolute;bottom:-5px;left:0;right:0;background-color:rgba(18,18,18,0.95);overflow:hidden;width:96px;padding:0 5px;height:0;transition:.5s ease;font:11px calibri,sans-serif;z-index:3}
.fsrt1 .ships div:hover ship,.fsrt2 .wrap div:hover ship{height:60%}
.fsrt1 .ships .friend:before,.fsrt1 .ships .foe:before,.fsrt1 .ships .neutral:before,.fsrt1 .ships .love:before,.fsrt2 .wrap .friend:before,.fsrt2 .wrap .foe:before,.fsrt2 .wrap .neutral:before,.fsrt2 .wrap .love:before{position:absolute;left:-5px;top:-5px;height:10px;width:10px;padding:0 6px 10px 4px;background:#333;border:3px solid #444;border-radius:100%;color:darkgreen}
.fsrt1 .ships .friend:before,.fsrt2 .wrap .friend:before{content:'+'}
.fsrt1 .ships .foe:before,.fsrt2 .wrap .foe:before{content:'x';color:darkred}
.fsrt1 .ships .neutral:before,.fsrt2 .wrap .neutral:before{content:'-';color:darkgoldenrod}
.fsrt1 .ships .love:before,.fsrt2 .wrap .love:before{content:'♥';color:green}
.fsrt2{width:450px;padding:15px;border:10px solid #333}
.fsrt2 .wrap{position:relative;width:450px}
.fsrt2 .title{display:block;width:90%;background-color:#444;text-align:center;padding:25px 20px;border-bottom:5px solid var(--guest);font:100 italic 28px/100% Lobster,cursive;color:var(--guest);margin:0 0 4px 2px;text-shadow:1px 1px 0 #111}
/*********************************** SHIP TRACKER ************************************/
#ship,#shipslide{position:relative;width:500px;background-color:rgba(18,18,18,0.3);border:10px solid #333;box-shadow:3px 3px 2px #222;margin:0 auto;color:var(--guest)}
#ship .title{background-color:#444;line-height:60%;text-align:right;padding:40px 20px 20px;font:italic 600 32px teko,sans-serif!important;border-bottom:5px solid var(--guest);text-transform:capitalize;text-shadow:1px 1px 0 #111;margin-bottom:5px}
#ship .title a{font-size:12px;padding-bottom:10px}
#ship .scroll{max-height:550px;color:#000;text-align:justify;font:11px/110% arial,sans-serif;overflow:auto;overflow-x:hidden}
#ship .wrap,#shipslide .wrap{position:relative;height:100px;padding:10px 10px 20px;border-bottom:5px solid #2a2a2a;font-family:sans-serif}
#ship .wrap img,#shipslide .wrap img{float:left;width:100px;height:100px;border:5px solid var(--guest)}
#ship .name,#shipslide .name{display:inline-block;padding:8px 5px 5px 15px;width:72%;font-size:16px;text-transform:uppercase;text-align:left;font-weight:bold;font-style:italic;text-shadow:1px 1px 0 #111}
#ship .name sm,#shipslide .name sm{display:inline-block;padding:2px 5px 0;border-top:1px solid #666;width:95%;font-size:10px;text-align:right}
#ship .status,#shipslide .status{position:relative;display:inline-block;vertical-align:top;padding:5px 5px 5px 15px;width:72%;font-weight:bold;background:rgba(34, 34, 34, 0.6)}
#ship .info,#shipslide .info{position:absolute;bottom:11px;left:120px;padding:5px 6px 5px 5px;width:71%;height:38px;overflow:auto;font-size:11px;text-align:left;border-top:1px solid var(--guest);background:#333;transition:all 1s ease;line-height:130%;color:#aaa}
#ship .info:hover,#shipslide .info:hover{position:absolute;bottom:10px;left:120px;padding:5px 6px 5px 5px;width:71%;height:100px}
/*********************************** SHIP SLIDER ************************************/
#shipslide{height:715px;padding:10px}
#shipslide .char{height:110px;padding:10px}
#shipslide .char #charname{display:inline-block;width:348px;padding:25px 10px 0;border-bottom:5px solid var(--guest);font:28px/90% lobster,cursive;text-align:right;text-shadow:1px 1px 0 #111}
#shipslide .char sm{display:inline-block;padding:2px 40px 0 5px;width:323px;font-size:12px;text-align:right}
#shipslide .char img{float:right;width:100px;height:100px;border:5px solid var(--guest)}
#shipslide ul{list-style:none;margin:0;padding:0}
#shipslide .slide input{display:none}
#shipslide .slide label{float:left;height:20px;width:478px;padding:10px 20px 3px 0;font:24px/100% teko,sans-serif;color:var(--guest);text-align:right;border-bottom:3px solid #666;text-shadow:1px 1px 0 #111}
#shipslide .slide input[type=radio]:checked ~ .content{height:470px}
#shipslide .slide input[type=radio]:checked ~ label{transition:all .5s ease-in 0;-webkit-transition:all .5s ease-in 0;-moz-transition:all .5s ease-in 0;-o-transition:all .5s ease-in 0}
#shipslide .content{clear:both;height:0;overflow:auto;overflow-x:hidden;font:11px sans-serif;text-align:justify;transition:all .7s ease-in 0;-webkit-transition:all .7s ease-in 0;-moz-transition:all .7s ease-in 0;-o-transition:all .7s ease-in 0}
#shipslide .name{padding:0 5px 3px 15px}
/*************************   aesthetic blog   **************************/
#blog{position:relative;width:640px;border:10px solid #2a2a2a;box-shadow:3px 3px 2px #222;background-color:rgba(18,18,18,0.3);margin:30px auto}
#blog .title{border-bottom:20px solid var(--guestminibg);text-align:center;font:28px lobster,cursive;padding:30px 0;border-top:40px solid #444;color:var(--guest);text-shadow:1px 1px 0 #111}
#blog .title:before{content:' # ';position:absolute;top:10px;left:10px;font:700 18px tahoma,sans-serif;color:var(--guest)}
#blog .title:after{content:' blog ';position:absolute;top:10px;right:10px;font:700 18px teko,sans-serif;color:#fff}
#blog .title sm{display:block;text-align:center;font:12px tahoma,sans-serif;color:#ccc}
#blog .title user img{position:absolute;top:70px;left:10px;width:100px;height:100px;border-radius:100%;border:10px solid #444}
#blog .content{padding:20px;background:var(--guestminibg);-webkit-column-count:3;column-count:3;column-fill:balance;-webkit-column-fill:balance;-webkit-column-gap:10px;column-gap:10px;transition:opacity .4s ease-in-out}
#blog .content img{float:right;vertical-align:top;max-width:190px;min-width:50px;height:auto;margin:5px;padding:0;border:1px solid #222;box-shadow:3px 3px 2px #222;transition:all .5s ease-in 0;-webkit-transition:all .5s ease-in 0;z-index:3}
#blog .content img:hover{transform:scale3d(1.7,1.7,1.7);z-index:5}
/***********************   IG  MAIN ***********************/
#instagram,#igpost,.twitter,.fslyricw2,#youtube2,#youtube,.cb-wrap2{position:relative;width:550px;box-shadow:3px 3px 2px #222;background:rgba(18,18,18,0.3);border-top:50px solid #444;margin:10px auto}
#instagram i{position:absolute;top:-37px;left:20px;font-size:24px}
#instagram:before,#igpost:before,#igpost:after{content:'instagram';position:absolute;top:-35px;right:20px;font:16px tahoma,sans-serif;text-shadow:1px 1px 0 #111}
#instagram .header img,#igpost .header img{position:absolute;top:10px;left:30px;display:inline-block;height:100px;width:100px;border-radius:100%;background-size:auto 100px;background-position:center;margin:10px;border:5px solid var(--guestbg)}
#instagram .screen{position:relative;width:350px;left:130px;display:block;margin:20px 0 0 20px;text-transform:lowercase;font:500 24px tahoma,sans-serif;color:#eee;padding:10px;border-bottom:1px solid var(--guestbg)}
#instagram .screen:after{content:'follow';margin:10px 10px 0;color:#aaa;font:9px tahoma,sans-serif;text-transform:uppercase;padding:4px;border-radius:3px;border:1px solid var(--guestbg);background-color:var(--guestminibg)}
#instagram .description,#igpost .desription{position:relative;display:inline-block;vertical-align:top;width:350px;height:50px;padding:10px 20px 0;left:135px;margin:10px;color:#bbb}
#instagram .description span{font-weight:700}
#instagram .imgs{padding:15px;border-top:10px solid #444}
#instagram .imgs img{vertical-align:top;width:150px;height:150px;margin:6px;border:4px solid var(--guest);transition:transform .1s ease-in-out 0;z-index:1}
#instagram .imgs img:hover{transform:scale3d(1.35,1.35,1);z-index:3}
#instagram .footer{position:relative;background:#444;padding:20px}
#instagram .footer span,#instagram .footer div{margin:0 10px;padding:5px 10px;font:600 10px tahoma,sans-serif;border:1px solid var(--guestbg);background-color:var(--guestminibg);border-radius:10px}
#instagram .footer div{position:absolute;top:15px;right:15px;border:1px solid #777}
#igpost:before{content:'# ';left:20px;font-size:24px;color:var(--guest)}
#igpost:after{content:'IG post';font:22px teko,sans-serif;color:#ccc}
#igpost .header img{top:5px;height:65px;width:65px}
#igpost .desription{display:block;left:130px;margin:30px 0 40px 20px;text-transform:lowercase;color:#ccc;padding:10px}
#igpost .desription ht{font-weight:700}
#igpost .desription ht:before{content:' #'}
#igpost .content{width:520px;padding:15px;background:rgba(66,66,66,0.3)}
#igpost .content img{margin:5px;border:5px solid var(--guestbg)}
#igpost .footer{background:#444;padding:20px}
#igpost .footer i{font-size:44px}
#igpost .footer span{position:relative;top:-7px;margin:0 15px;padding:0 10px 5px 15px;font:500 24px tahoma,sans-serif;color:var(--guest);border-left:1px solid #aaa}
#igpost .footer:after{content:'follow';position:absolute;right:20px;margin:15px 10px 0;color:#aaa;font:9px tahoma,sans-serif;text-transform:uppercase;padding:7px 10px;border-radius:5px;border:1px solid var(--guestbg);background-color:var(--guestminibg)}
/****************************   TWITTER   ******************************/
.twitter,#youtube2,#youtube,.cb-wrap2{border-top:0}
.twitter .birb{padding:10px 5px;font-size:30px;background:#444;text-shadow:1px 1px 0 #111}
.twitter .birb i{color:var(--guest)}
.twitter .birb:after{content:'twitter';position:absolute;top:15px;right:15px;font:500 22px teko,sans-serif}
.twitter .twcontent{padding:20px 5px 0}
.twitter img{position:absolute;height:60px;width:60px;left:20px;border-radius:100%;background-size:auto 50px;background-position:center;margin:10px 10px 10px -10px;border:5px solid var(--guest)}
.twitter .info{position:relative;width:440px;left:80px;margin:10px;padding:0 5px 10px;font:14px sans-serif;border-bottom:1px solid var(--guest)}
.twitter .info span+span:before{content:' .';position:relative;color:#777;bottom:3px;left:1px;font-weight:700}
.twitter .tweet{position:relative;width:430px;left:90px;margin:10px;font:200 14px sans-serif}
.twitter .tweet img{max-width:400px;display:inline-block;margin:10px;border-radius:10px;border:2px solid var(--guest)}
.twitter .icons{position:relative;left:-5px;width:550px;color:var(--guest);text-align:left;padding:10px 0;font-size:14px;background:#444;text-shadow:1px 1px 0 #111}
.twitter .icons i{margin:0 45px}
.twitter ht{color:var(--guest)}
.twitter i{margin:0 30px 0 10px}
.twitter i+i+i{margin:0 5px 0 10px}
.twitter i+i+i+i{margin:0 5px 0 30px}
/*********************************** PLAYLIST ************************************/
.fslyricw2,#youtube2,#youtube,.cb-wrap2{padding:20px;border:10px solid #333}
.fslyricw2 a{font-size:12px}
.fslyrich2 img{position:absolute;right:21px;top:20px;width:100px;height:100px;border-radius:100%;border:5px solid var(--guest)}
.fslyricmw2{width:calc(100% - 40px);padding:0 10px 10px;text-align:justify;font:11px/110% sans-serif}
.lylink a{position:relative;font-size:28px;top:27px;left:-55px;color:var(--guestbg)}
.fsltitle{padding:5px 5px 0 25px;width:70%;font:600 italic 12px sans-serif;text-transform:capitalize;letter-spacing:1px;margin:0 0 5px;border-bottom:1px solid var(--guest)}
.fslyriccw{margin:15px 5px 10px}
.fslyriccw img{position:relative;width:350px;height:auto;border-radius:0;border:0!important;margin:20px}
.fslyric{padding:0 5px 5px 15px;font:11px sans-serif}
/*********************************** youtube ************************************/
#youtube2 .pltitle,.fslyrich2,#youtube .pltitle{display:inline-block;width:430px;border-bottom:5px solid var(--guest);padding:25px 10px 0 0;margin:0 0 10px;font:600 italic 34px/80% teko,sans-serif;text-align:right;text-transform:capitalize;text-shadow:1px 1px 0 #111}
#youtube2 .gif{position:relative;display:inline-block;vertical-align:top;left:-10px;width:100px;border-radius:100%}
#youtube2 .gif img,.fslyrich2 img{width:100px;height:100px;border-radius:100%;border:5px solid var(--guest)}
#youtube2 .videos{display:inline-block;height:300px;overflow-y:auto;overflow-x:hidden}
#youtube2 .song{height:95px;padding:5px}
#youtube2 .vid{position:relative;display:inline-block;width:150px;height:95px}
#youtube2 iframe{width:150px;height:95px}
#youtube2 .info{display:inline-block;vertical-align:top;width:385px;height:75px}
#youtube2 title,#youtube title{display:block;padding:15px 0 0;font:600 italic 22px/80% teko,sans-serif;text-align:left;text-transform:capitalize}
#youtube2 artist,#youtube artist{display:block;padding:2px 0 0;border-top:2px solid var(--guest);font:600 12px/80% calibri,sans-serif;color:#999;text-transform:uppercase}
#youtube .pltitle{display:block;width:100%;padding:5px 0 0;text-align:right}
#youtube .gif{display:inline-block;width:220px;padding:0 10px 0 0}
#youtube .gif img{width:230px}
#youtube .videos{display:inline-block;vertical-align:top;width:320px;height:267px;overflow-y:auto;overflow-x:hidden}
#youtube .song{display:block;width:320px;height:75px;padding:5px;margin-left:5px}
#youtube .vid,#youtube iframe{display:inline-block;width:100px;height:75px}
#youtube .info{display:inline-block;vertical-align:top;width:215px;height:75px}
/***********************************  business dev ************************************/
.bus-hw{position:relative;width:550px;height:55px;right:-10px;margin:0 0 20px 10px;background:#444}
.bus-biz{position:absolute;background:#555;color:var(--guest);font-size:30px;padding:13px 15px 0 10px;height:42px;text-shadow:1px 1px 0 #111}
.bus-name{position:relative;left:20px;top:5px;width:450px;border-bottom:2px solid var(--guest);font:28px/70% teko,sans-serif;padding:5px 5px 0;text-align:left!important;text-shadow:1px 1px 0 #111}
.bus-type{width:390px;text-align:right;font:11px calibri,sans-serif;text-transform:uppercase;padding:3px 10px 2px 0}
.bus-img img{width:150px;height:150px;border:3px solid var(--guestbg)}
.bus-img{width:150px;height:150px;display:inline-block;vertical-align:top}
.bus-deets{display:inline-block;left:10px;width:calc(100% - 250px);height:155px;padding:0 10px 0 15px;font:12px calibri,sans-serif;text-align:justify}
.bus-deets b,.bus-mdeet b,.bus-mdeet2 b{text-transform:uppercase}
.bus-hours{text-align:center;margin-top:10px}
.bus-hours b::before,.bus-hours b::after{content:" -------------------- "}
.bus-mdeet,.bus-mdeet2{display:inline-block;vertical-align:top;width:50%;font:12px calibri,sans-serif;text-align:justify}
.bus-mdeet blockquote,.bus-mdeet2 blockquote{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:20px;-webkit-margin-end:20px}
.bus-mdeet2 li{list-style-type:none;padding-left:30px}
.bus-descrip{margin-bottom:20px;width:92%;padding:10px;font:12px/120% arial,sans-serif;text-align:justify}
.bus-boxhead{margin-left:9px;border-bottom:3px solid var(--guest);font:24px/90% 'Fjalla One',sans-serif;text-align:right}
.bus-gallery{padding:5px;font:11px sans-serif}
.bus-gallery img{display:inline-block;vertical-align:top;max-width:45%;border:3px solid var(--guestbg);margin:3px}
/****************************  DEV COLORS ****************************/
.Mortal #blog .title,.Mortal #blog .title:before,.Mortal #shipslide .slide label,#shipslide .mortal .name,#shipslide .mortal .status,.Mortal #ship .title,#ship .mortal .name,#ship .mortal .status,.Mortal .fsrt2 .title,.Mortal .fsquote::before,.Mortal .fsdqa,.Mortal .timeline date,.Mortal .fsdq2 .title,.Mortal .fsdq2 .footer,.Mortal .fdmbh5,.Mortal .fdmbh6,.Mortal .fdmbh7,.Mortal .fdmbh8,.Mortal .timeline2 header num,.Mortal .timeline2 header title,.Mortal .timeline2 info title,.Mortal #phone whom::before,.Mortal #phone typing b,.Mortal #phone text .fa,.Mortal #call text .fa,.Mortal #call whom::before,.Mortal #call text .fa,.Mortal #call text .fa,.Mortal #charinfo .block .title,.Mortal .fdmbf i,.Mortal .fdmbf2 i,.Mortal .fdmbh,.Mortal .fdmbh2,.Mortal .fdmbf,.Mortal #igpost:before,.Mortal #igpost .footer span,.Mortal .twitter .birb i,.Mortal .twitter .icons,.Mortal .twitter ht,.Mortal .lylink a,.Mortal .bus-biz{color:var(--mortal)}
.Mortal #charinfo .top name{text-shadow:var(--mortalbg)}
.Mortal .timeline .time:after,.Mortal .timeline2 cont:after,.Mortal #phone bounce,.Mortal #phone bounce i,.Mortal #phone send,.Mortal #call wiggle,.Mortal #call wiggle i,.Mortal #call send,.Mortal .fdmbf2{background-color:var(--mortal)}
.Mortal .timeline2 date b,.Mortal #phone caller icons,.Mortal #phone text char1,.Mortal #phone text char2,.Mortal #call caller icons,.Mortal #call text char1,.Mortal #call text char2{background-color:var(--mortalbg)}
.Mortal #blog .content,#shipslide .mortal,#ship .mortal,.Mortal .fsrt1 .title,.Mortal .timeline .time,.Mortal .fsdq2 .title,.Mortal .fsdq2 .footer,.Mortal #charinfo .top name,.Mortal .fdmbh,.Mortal .fdmbh2,.Mortal .fdmbf,.Mortal #instagram .footer span,.Mortal #instagram .screen:after,.Mortal #igpost .footer:after{background-color:var(--mortalminibg)}
.Mortal #blog .title{border-bottom:20px solid var(--mortalminibg)}
.Mortal #shipslide .char #charname,.Mortal #shipslide .char img,#shipslide .char mortal img,#shipslide .char mortal #name,#shipslide .mortal img,#shipslide .mortal .info,.Mortal #ship .title,#ship .mortal img,#ship .mortal .info,.Mortal .fsrt2 .title,.Mortal .fsrt1,.Mortal .fdmbh5,.Mortal .fdmbh6,.Mortal .fdmbh7,.Mortal .fdmbh8,.Mortal .fdimg5 img,.Mortal .timeline .title,.Mortal .timeline .title img,.Mortal .timeline .line,.Mortal .timeline2 date b,.Mortal .timeline2 img,.Mortal #charinfo .top img,.Mortal .fdmbc2 img,.Mortal .fdmbc img,.Mortal .fdimg6 img,.Mortal .fdimg4 img,.Mortal .fdimg7 img,.Mortal #igpost .header img,.Mortal .twitter img,.Mortal .twitter .info,.Mortal .twitter .tweet img,.Mortal .fsltitle,.Mortal .fslyrich2 img,.Mortal .fslyrich2,.Mortal #youtube2 artist,.Mortal #youtube2 .gif img,.Mortal #youtube2 .pltitle,.Mortal #youtube .pltitle,.Mortal #youtube artist,.Mortal .bus-name,.Mortal .bus-boxhead{border-color:var(--mortal)}
.Mortal .timeline .time:before{border-right:10px solid var(--mortalminibg)}
.Mortal #charinfo .block .title,.Mortal #instagram .footer span,.Mortal #instagram .imgs img,.Mortal #instagram .screen:after,.Mortal #instagram .screen,.Mortal #instagram .header img,.Mortal #instagram .header img,.Mortal #igpost .content img,.Mortal #igpost .footer:after,.Mortal .bus-gallery img,.Mortal .bus-img img{border-color:var(--mortalbg)}
.Mortal #charinfo .top:before{border-top-color:var(--mortalbg)}
.Sempiternal #blog .title,.Sempiternal #blog .title:before,.Sempiternal #shipslide .slide label,#shipslide .sempiternal .name,#shipslide .sempiternal .status,.Sempiternal #ship .title,#ship .sempiternal .name,#ship .sempiternal .status,.Sempiternal .fsrt2 .title,.Sempiternal .fsquote::before,.Sempiternal .fsdqa,.Sempiternal .timeline date,.Sempiternal .fsdq2 .title,.Sempiternal .fsdq2 .footer,.Sempiternal .fdmbh5,.Sempiternal .fdmbh6,.Sempiternal .fdmbh7,.Sempiternal .fdmbh8,.Sempiternal .timeline2 header num,.Sempiternal .timeline2 header title,.Sempiternal .timeline2 info title,.Sempiternal #phone whom::before,.Sempiternal #phone typing b,.Sempiternal #phone text .fa,.Sempiternal #call text .fa,.Sempiternal #call whom::before,.Sempiternal #call text .fa,.Sempiternal #call text .fa,.Sempiternal #charinfo .block .title,.Sempiternal .fdmbf i,.Sempiternal .fdmbf2 i,.Sempiternal .fdmbh,.Sempiternal .fdmbh2,.Sempiternal .fdmbf,.Sempiternal #igpost:before,.Sempiternal #igpost .footer span,.Sempiternal .twitter .birb i,.Sempiternal .twitter .icons,.Sempiternal .twitter ht,.Sempiternal .lylink a,.Sempiternal .bus-biz{color:var(--sempiternal)}
.Sempiternal #charinfo .top name{text-shadow:var(--sempiternalbg)}
.Sempiternal .timeline .time:after,.Sempiternal .timeline2 cont:after,.Sempiternal #phone bounce,.Sempiternal #phone bounce i,.Sempiternal #phone send,.Sempiternal #call wiggle,.Sempiternal #call wiggle i,.Sempiternal #call send,.Sempiternal .fdmbf2{background-color:var(--sempiternal)}
.Sempiternal .timeline2 date b,.Sempiternal #phone caller icons,.Sempiternal #phone text char1,.Sempiternal #phone text char2,.Sempiternal #call caller icons,.Sempiternal #call text char1,.Sempiternal #call text char2{background-color:var(--sempiternalbg)}
.Sempiternal #blog .content,#shipslide .sempiternal,#ship .sempiternal,.Sempiternal .fsrt1 .title,.Sempiternal .timeline .time,.Sempiternal .fsdq2 .title,.Sempiternal .fsdq2 .footer,.Sempiternal #charinfo .top name,.Sempiternal .fdmbh,.Sempiternal .fdmbh2,.Sempiternal .fdmbf,.Sempiternal #instagram .footer span,.Sempiternal #instagram .screen:after,.Sempiternal #igpost .footer:after{background-color:var(--sempiternalminibg)}
.Sempiternal #blog .title{border-bottom:20px solid var(--sempiternalminibg)}
.Sempiternal #shipslide .char #charname,.Sempiternal #shipslide .char img,#shipslide .char sempiternal img,#shipslide .char sempiternal #name,#shipslide .sempiternal img,#shipslide .sempiternal .info,.Sempiternal #ship .title,#ship .sempiternal img,#ship .sempiternal .info,.Sempiternal .fsrt2 .title,.Sempiternal .fsrt1,.Sempiternal .fdmbh5,.Sempiternal .fdmbh6,.Sempiternal .fdmbh7,.Sempiternal .fdmbh8,.Sempiternal .fdimg5 img,.Sempiternal .timeline .title,.Sempiternal .timeline .title img,.Sempiternal .timeline .line,.Sempiternal .timeline2 date b,.Sempiternal .timeline2 img,.Sempiternal #charinfo .top img,.Sempiternal .fdmbc2 img,.Sempiternal .fdmbc img,.Sempiternal .fdimg6 img,.Sempiternal .fdimg4 img,.Sempiternal .fdimg7 img,.Sempiternal #igpost .header img,.Sempiternal .twitter img,.Sempiternal .twitter .info,.Sempiternal .twitter .tweet img,.Sempiternal .fsltitle,.Sempiternal .fslyrich2 img,.Sempiternal .fslyrich2,.Sempiternal #youtube2 artist,.Sempiternal #youtube2 .gif img,.Sempiternal #youtube2 .pltitle,.Sempiternal #youtube .pltitle,.Sempiternal #youtube artist,.Sempiternal .bus-name,.Sempiternal .bus-boxhead{border-color:var(--sempiternal)}
.Sempiternal .timeline .time:before{border-right:10px solid var(--sempiternalminibg)}
.Sempiternal #charinfo .block .title,.Sempiternal #instagram .footer span,.Sempiternal #instagram .imgs img,.Sempiternal #instagram .screen:after,.Sempiternal #instagram .screen,.Sempiternal #instagram .header img,.Sempiternal #instagram .header img,.Sempiternal #igpost .content img,.Sempiternal #igpost .footer:after,.Sempiternal .bus-gallery img,.Sempiternal .bus-img img{border-color:var(--sempiternalbg)}
.Sempiternal #charinfo .top:before{border-top-color:var(--sempiternalbg)}
.Immortal #blog .title,.Immortal #blog .title:before,.Immortal #shipslide .slide label,#shipslide .immortal .name,#shipslide .immortal .status,.Immortal #ship .title,#ship .immortal .name,#ship .immortal .status,.Immortal .fsrt2 .title,.Immortal .fsquote::before,.Immortal .fsdqa,.Immortal .timeline date,.Immortal .fsdq2 .title,.Immortal .fsdq2 .footer,.Immortal .fdmbh5,.Immortal .fdmbh6,.Immortal .fdmbh7,.Immortal .fdmbh8,.Immortal .timeline2 header num,.Immortal .timeline2 header title,.Immortal .timeline2 info title,.Immortal #phone whom::before,.Immortal #phone typing b,.Immortal #phone text .fa,.Immortal #call text .fa,.Immortal #call whom::before,.Immortal #call text .fa,.Immortal #call text .fa,.Immortal #charinfo .block .title,.Immortal .fdmbf i,.Immortal .fdmbf2 i,.Immortal .fdmbh,.Immortal .fdmbh2,.Immortal .fdmbf,.Immortal #igpost:before,.Immortal #igpost .footer span,.Immortal .twitter .birb i,.Immortal .twitter .icons,.Immortal .twitter ht,.Immortal .lylink a,.Immortal .bus-biz{color:var(--immortal)}
.Immortal #charinfo .top name{text-shadow:var(--immortalbg)}
.Immortal .timeline .time:after,.Immortal .timeline2 cont:after,.Immortal #phone bounce,.Immortal #phone bounce i,.Immortal #phone send,.Immortal #call wiggle,.Immortal #call wiggle i,.Immortal #call send,.Immortal .fdmbf2{background-color:var(--immortal)}
.Immortal .timeline2 date b,.Immortal #phone caller icons,.Immortal #phone text char1,.Immortal #phone text char2,.Immortal #call caller icons,.Immortal #call text char1,.Immortal #call text char2{background-color:var(--immortalbg)}
.Immortal #blog .content,#shipslide .immortal,#ship .immortal,.Immortal .fsrt1 .title,.Immortal .timeline .time,.Immortal .fsdq2 .title,.Immortal .fsdq2 .footer,.Immortal #charinfo .top name,.Immortal .fdmbh,.Immortal .fdmbh2,.Immortal .fdmbf,.Immortal #instagram .footer span,.Immortal #instagram .screen:after,.Immortal #igpost .footer:after{background-color:var(--immortalminibg)}
.Immortal #blog .title{border-bottom:20px solid var(--immortalminibg)}
.Immortal #shipslide .char #charname,.Immortal #shipslide .char img,#shipslide .char immortal img,#shipslide .char immortal #name,#shipslide .immortal img,#shipslide .immortal .info,.Immortal #ship .title,#ship .immortal img,#ship .immortal .info,.Immortal .fsrt2 .title,.Immortal .fsrt1,.Immortal .fdmbh5,.Immortal .fdmbh6,.Immortal .fdmbh7,.Immortal .fdmbh8,.Immortal .fdimg5 img,.Immortal .timeline .title,.Immortal .timeline .title img,.Immortal .timeline .line,.Immortal .timeline2 date b,.Immortal .timeline2 img,.Immortal #charinfo .top img,.Immortal .fdmbc2 img,.Immortal .fdmbc img,.Immortal .fdimg6 img,.Immortal .fdimg4 img,.Immortal .fdimg7 img,.Immortal #igpost .header img,.Immortal .twitter img,.Immortal .twitter .info,.Immortal .twitter .tweet img,.Immortal .fsltitle,.Immortal .fslyrich2 img,.Immortal .fslyrich2,.Immortal #youtube2 artist,.Immortal #youtube2 .gif img,.Immortal #youtube2 .pltitle,.Immortal #youtube .pltitle,.Immortal #youtube artist,.Immortal .bus-name,.Immortal .bus-boxhead{border-color:var(--immortal)}
.Immortal .timeline .time:before{border-right:10px solid var(--immortalminibg)}
.Immortal #charinfo .block .title,.Immortal #instagram .footer span,.Immortal #instagram .imgs img,.Immortal #instagram .screen:after,.Immortal #instagram .screen,.Immortal #instagram .header img,.Immortal #instagram .header img,.Immortal #igpost .content img,.Immortal #igpost .footer:after,.Immortal .bus-gallery img,.Immortal .bus-img img{border-color:var(--immortalbg)}
.Immortal #charinfo .top:before{border-top-color:var(--immortalbg)}
.Eternal #blog .title,.Eternal #blog .title:before,.Eternal #shipslide .slide label,#shipslide .eternal .name,#shipslide .eternal .status,.Eternal #ship .title,#ship .eternal .name,#ship .eternal .status,.Eternal .fsrt2 .title,.Eternal .fsquote::before,.Eternal .fsdqa,.Eternal .timeline date,.Eternal .fsdq2 .title,.Eternal .fsdq2 .footer,.Eternal .fdmbh5,.Eternal .fdmbh6,.Eternal .fdmbh7,.Eternal .fdmbh8,.Eternal .timeline2 header num,.Eternal .timeline2 header title,.Eternal .timeline2 info title,.Eternal #phone whom::before,.Eternal #phone typing b,.Eternal #phone text .fa,.Eternal #call text .fa,.Eternal #call whom::before,.Eternal #call text .fa,.Eternal #call text .fa,.Eternal #charinfo .block .title,.Eternal .fdmbf i,.Eternal .fdmbf2 i,.Eternal .fdmbh,.Eternal .fdmbh2,.Eternal .fdmbf,.Eternal #igpost:before,.Eternal #igpost .footer span,.Eternal .twitter .birb i,.Eternal .twitter .icons,.Eternal .twitter ht,.Eternal .lylink a,.Eternal .bus-biz{color:var(--eternal)}
.Eternal #charinfo .top name{text-shadow:var(--eternalbg)}
.Eternal .timeline .time:after,.Eternal .timeline2 cont:after,.Eternal #phone bounce,.Eternal #phone bounce i,.Eternal #phone send,.Eternal #call wiggle,.Eternal #call wiggle i,.Eternal #call send,.Eternal .fdmbf2{background-color:var(--eternal)}
.Eternal .timeline2 date b,.Eternal #phone caller icons,.Eternal #phone text char1,.Eternal #phone text char2,.Eternal #call caller icons,.Eternal #call text char1,.Eternal #call text char2{background-color:var(--eternalbg)}
.Eternal #blog .content,#shipslide .eternal,#ship .eternal,.Eternal .fsrt1 .title,.Eternal .timeline .time,.Eternal .fsdq2 .title,.Eternal .fsdq2 .footer,.Eternal #charinfo .top name,.Eternal .fdmbh,.Eternal .fdmbh2,.Eternal .fdmbf,.Eternal #instagram .footer span,.Eternal #instagram .screen:after,.Eternal #igpost .footer:after{background-color:var(--eternalminibg)}
.Eternal #blog .title{border-bottom:20px solid var(--eternalminibg)}
.Eternal #shipslide .char #charname,.Eternal #shipslide .char img,#shipslide .char eternal img,#shipslide .char eternal #name,#shipslide .eternal img,#shipslide .eternal .info,.Eternal #ship .title,#ship .eternal img,#ship .eternal .info,.Eternal .fsrt2 .title,.Eternal .fsrt1,.Eternal .fdmbh5,.Eternal .fdmbh6,.Eternal .fdmbh7,.Eternal .fdmbh8,.Eternal .fdimg5 img,.Eternal .timeline .title,.Eternal .timeline .title img,.Eternal .timeline .line,.Eternal .timeline2 date b,.Eternal .timeline2 img,.Eternal #charinfo .top img,.Eternal .fdmbc2 img,.Eternal .fdmbc img,.Eternal .fdimg6 img,.Eternal .fdimg4 img,.Eternal .fdimg7 img,.Eternal #igpost .header img,.Eternal .twitter img,.Eternal .twitter .info,.Eternal .twitter .tweet img,.Eternal .fsltitle,.Eternal .fslyrich2 img,.Eternal .fslyrich2,.Eternal #youtube2 artist,.Eternal #youtube2 .gif img,.Eternal #youtube2 .pltitle,.Eternal #youtube .pltitle,.Eternal #youtube artist,.Eternal .bus-name,.Eternal .bus-boxhead{border-color:var(--eternal)}
.Eternal .timeline .time:before{border-right:10px solid var(--eternalminibg)}
.Eternal #charinfo .block .title,.Eternal #instagram .footer span,.Eternal #instagram .imgs img,.Eternal #instagram .screen:after,.Eternal #instagram .screen,.Eternal #instagram .header img,.Eternal #instagram .header img,.Eternal #igpost .content img,.Eternal #igpost .footer:after,.Eternal .bus-gallery img,.Eternal .bus-img img{border-color:var(--eternalbg)}
.Eternal #charinfo .top:before{border-top-color:var(--eternalbg)}
.OOC #blog .title,.OOC #blog .title:before,.OOC #shipslide .slide label,#shipslide .ooc .name,#shipslide .ooc .status,.OOC #ship .title,#ship .ooc .name,#ship .ooc .status,.OOC .fsrt2 .title,.OOC .fsquote::before,.OOC .fsdqa,.OOC .timeline date,.OOC .fsdq2 .title,.OOC .fsdq2 .footer,.OOC .fdmbh5,.OOC .fdmbh6,.OOC .fdmbh7,.OOC .fdmbh8,.OOC .timeline2 header num,.OOC .timeline2 header title,.OOC .timeline2 info title,.OOC #phone whom::before,.OOC #phone typing b,.OOC #phone text .fa,.OOC #call text .fa,.OOC #call whom::before,.OOC #call text .fa,.OOC #call text .fa,.OOC #charinfo .block .title,.OOC .fdmbf i,.OOC .fdmbf2 i,.OOC .fdmbh,.OOC .fdmbh2,.OOC .fdmbf,.OOC #igpost:before,.OOC #igpost .footer span,.OOC .twitter .birb i,.OOC .twitter .icons,.OOC .twitter ht,.OOC .lylink a,.OOC .bus-biz{color:var(--ooc)}
.OOC #charinfo .top name{text-shadow:var(--oocbg)}
.OOC .timeline .time:after,.OOC .timeline2 cont:after,.OOC #phone bounce,.OOC #phone bounce i,.OOC #phone send,.OOC #call wiggle,.OOC #call wiggle i,.OOC #call send,.OOC .fdmbf2{background-color:var(--ooc)}
.OOC .timeline2 date b,.OOC #phone caller icons,.OOC #phone text char1,.OOC #phone text char2,.OOC #call caller icons,.OOC #call text char1,.OOC #call text char2{background-color:var(--oocbg)}
.OOC #blog .content,#shipslide .ooc,#ship .ooc,.OOC .fsrt1 .title,.OOC .timeline .time,.OOC .fsdq2 .title,.OOC .fsdq2 .footer,.OOC #charinfo .top name,.OOC .fdmbh,.OOC .fdmbh2,.OOC .fdmbf,.OOC #instagram .footer span,.OOC #instagram .screen:after,.OOC #igpost .footer:after{background-color:var(--oocminibg)}
.OOC #blog .title{border-bottom:20px solid var(--oocminibg)}
.OOC #shipslide .char #charname,.OOC #shipslide .char img,#shipslide .char ooc img,#shipslide .char ooc #name,#shipslide .ooc img,#shipslide .ooc .info,.OOC #ship .title,#ship .ooc img,#ship .ooc .info,.OOC .fsrt2 .title,.OOC .fsrt1,.OOC .fdmbh5,.OOC .fdmbh6,.OOC .fdmbh7,.OOC .fdmbh8,.OOC .fdimg5 img,.OOC .timeline .title,.OOC .timeline .title img,.OOC .timeline .line,.OOC .timeline2 date b,.OOC .timeline2 img,.OOC #charinfo .top img,.OOC .fdmbc2 img,.OOC .fdmbc img,.OOC .fdimg6 img,.OOC .fdimg4 img,.OOC .fdimg7 img,.OOC #igpost .header img,.OOC .twitter img,.OOC .twitter .info,.OOC .twitter .tweet img,.OOC .fsltitle,.OOC .fslyrich2 img,.OOC .fslyrich2,.OOC #youtube2 artist,.OOC #youtube2 .gif img,.OOC #youtube2 .pltitle,.OOC #youtube .pltitle,.OOC #youtube artist,.OOC .bus-name,.OOC .bus-boxhead{border-color:var(--ooc)}
.OOC .timeline .time:before{border-right:10px solid var(--oocminibg)}
.OOC #charinfo .block .title,.OOC #instagram .footer span,.OOC #instagram .imgs img,.OOC #instagram .screen:after,.OOC #instagram .screen,.OOC #instagram .header img,.OOC #instagram .header img,.OOC #igpost .content img,.OOC #igpost .footer:after,.OOC .bus-gallery img,.OOC .bus-img img{border-color:var(--oocbg)}
.OOC #charinfo .top:before{border-top-color:var(--oocbg)}
.Staff #blog .title,.Staff #blog .title:before,.Staff #shipslide .slide label,#shipslide .staff .name,#shipslide .staff .status,.Staff #ship .title,#ship .staff .name,#ship .staff .status,.Staff .fsrt2 .title,.Staff .fsquote::before,.Staff .fsdqa,.Staff .timeline date,.Staff .fsdq2 .title,.Staff .fsdq2 .footer,.Staff .fdmbh5,.Staff .fdmbh6,.Staff .fdmbh7,.Staff .fdmbh8,.Staff .timeline2 header num,.Staff .timeline2 header title,.Staff .timeline2 info title,.Staff #phone whom::before,.Staff #phone typing b,.Staff #phone text .fa,.Staff #call text .fa,.Staff #call whom::before,.Staff #call text .fa,.Staff #call text .fa,.Staff #charinfo .block .title,.Staff .fdmbf i,.Staff .fdmbf2 i,.Staff .fdmbh,.Staff .fdmbh2,.Staff .fdmbf,.Staff #igpost:before,.Staff #igpost .footer span,.Staff .twitter .birb i,.Staff .twitter .icons,.Staff .twitter ht,.Staff .lylink a,.Staff .bus-biz{color:var(--staff)}
.Staff #charinfo .top name{text-shadow:var(--staffbg)}
.Staff .timeline .time:after,.Staff .timeline2 cont:after,.Staff #phone bounce,.Staff #phone bounce i,.Staff #phone send,.Staff #call wiggle,.Staff #call wiggle i,.Staff #call send,.Staff .fdmbf2{background-color:var(--staff)}
.Staff .timeline2 date b,.Staff #phone caller icons,.Staff #phone text char1,.Staff #phone text char2,.Staff #call caller icons,.Staff #call text char1,.Staff #call text char2{background-color:var(--staffbg)}
.Staff #blog .content,#shipslide .staff,#ship .staff,.Staff .fsrt1 .title,.Staff .timeline .time,.Staff .fsdq2 .title,.Staff .fsdq2 .footer,.Staff #charinfo .top name,.Staff .fdmbh,.Staff .fdmbh2,.Staff .fdmbf,.Staff #instagram .footer span,.Staff #instagram .screen:after,.Staff #igpost .footer:after{background-color:var(--staffminibg)}
.Staff #blog .title{border-bottom:20px solid var(--staffminibg)}
.Staff #shipslide .char #charname,.Staff #shipslide .char img,#shipslide .char staff img,#shipslide .char staff #name,#shipslide .staff img,#shipslide .staff .info,.Staff #ship .title,#ship .staff img,#ship .staff .info,.Staff .fsrt2 .title,.Staff .fsrt1,.Staff .fdmbh5,.Staff .fdmbh6,.Staff .fdmbh7,.Staff .fdmbh8,.Staff .fdimg5 img,.Staff .timeline .title,.Staff .timeline .title img,.Staff .timeline .line,.Staff .timeline2 date b,.Staff .timeline2 img,.Staff #charinfo .top img,.Staff .fdmbc2 img,.Staff .fdmbc img,.Staff .fdimg6 img,.Staff .fdimg4 img,.Staff .fdimg7 img,.Staff #igpost .header img,.Staff .twitter img,.Staff .twitter .info,.Staff .twitter .tweet img,.Staff .fsltitle,.Staff .fslyrich2 img,.Staff .fslyrich2,.Staff #youtube2 artist,.Staff #youtube2 .gif img,.Staff #youtube2 .pltitle,.Staff #youtube .pltitle,.Staff #youtube artist,.Staff .bus-name,.Staff .bus-boxhead{border-color:var(--staff)}
.Staff .timeline .time:before{border-right:10px solid var(--staffminibg)}
.Staff #charinfo .block .title,.Staff #instagram .footer span,.Staff #instagram .imgs img,.Staff #instagram .screen:after,.Staff #instagram .screen,.Staff #instagram .header img,.Staff #instagram .header img,.Staff #igpost .content img,.Staff #igpost .footer:after,.Staff .bus-gallery img,.Staff .bus-img img{border-color:var(--staffbg)}
.Staff #charinfo .top:before{border-top-color:var(--staffbg)}