iframe.tmblr-iframe {
top:0!important;
right:0!important;
/* delete from here
filter:invert(1);
-webkit-filter:invert(1);
-o-filter:invert(1);
-moz-filter:invert(1);
-ms-filter:invert(1);
to here if your blog has a dark background */
transform:scale(0.8);
transform-origin:100% 0;
-webkit-transform:scale(0.8);
-webkit-transform-origin:100% 0;
-o-transform:scale(0.8);
-o-transform-origin:100% 0;
-moz-transform:scale(0.8);
-moz-transform-origin:100% 0;
-ms-transform:scale(0.8);
-ms-transform-origin:100% 0;
z-index:99999999999999!important;
}

::-webkit-scrollbar-thumb {
position:relative;
height:auto;
z-index:9999;
}
 
::-webkit-scrollbar {width:5px;height:5px;}

/* basics */

* {margin:0;padding:0;box-sizing:border-box;}

html, body {min-height:100vh;}

body {
background-position:left top;
background-attachment:fixed;
background-repeat:repeat;
font-family:'Roboto', sans-serif;
font-size:10px;
line-height:14px;
letter-spacing:1px;
text-align:justify;
word-break:break-word;
}

small {font-size:9px;}

pre {
margin-bottom:10px;
padding:5px;
word-wrap:break-word;
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
}

blockquote {margin:0 0 10px 5px;padding:10px 0 1px 15px;}
u {text-transform:none;}

a {
text-transform:uppercase;
text-decoration:none;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}

a:hover {
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}

p {margin-bottom:10px;}
p:empty {display:none;}
hr {width:200px;margin:0 auto 10px auto;}

/* media queries */

@media only screen and (max-width: 1122px) {
#headercont {display:block;}
#sidebarcont {display:none;}
#sidebardesc {margin-bottom:0;}
#footercont {display:block;}
#sideimg {display:none;}
#postcontainer {position:relative;width:100%;}
}

@media only screen and (min-width: 1123px) {
#headercont {display:none;}
#sidebarcont {display:block;left:calc(50% - 570px);}
#sidebardesc {margin-bottom:20vh;}
#footercont {display:none;}
#sideimg {display:none;}

#postcontainer {
position:fixed;
top:0;
left:calc(50% - 200px);
width:700px;
height:100vh;
overflow-y:auto;
z-index:9;
}
}

/* header */

#headercont {
position:relative;
width:100%;
padding:20px 0;
text-align:center;
}

#headercont div {max-width:80%;margin:10px auto;}

/* sidebar */

#sidebarcont {
position:fixed;
top:0;
padding:20vh 30px 0 30px;
width:350px;
height:100vh;
text-align:right;
}

#sidebartitle {
margin-bottom:20px;
font-family:'Roboto Condensed', sans-serif;
font-size:35px;
line-height:39px;
font-weight:bold;
letter-spacing:3px;
text-transform:uppercase;
}

#sidebarnav {margin-bottom:20px;}

.tab-links li {
list-style:none;
display:inline-block;
margin:0 5px;
font-family:'Roboto Condensed', sans-serif;
font-size:15px;
}

.tab-links a:last-of-type {margin-right:0;}
.tab-links:after {display:block;clear:both;content:'';}
#sidebardesc {text-transform:uppercase;}
.pagination, .pagination a {font-size:20px;}

.pagination a {
display:inline-block;
font-family:'Roboto Condensed', sans-serif;
}

/* footer */

#footercont {
position:relative;
padding:4vh;
width:100%;
font-size:20px;
text-align:center;
}

#footercont .pagination a {margin:0 20px;}

/* tabs */

.tabs {display:inline-block;width:100%;}
.tab {display:none;}
.tab.active {display:block;}

#askbox {margin-bottom:0;}
.faq {margin-bottom:5px;}
.faqq:hover {cursor:help;}
.arrow {float:right;margin:-33px 15px 0 0;font-size:25px;z-index:9999;}
.faqanswer {display:none;padding:0 5px 5px 5px;}
.faqtext {padding:10px 5px 5px 5px;}

#profile {display:flex;flex-flow:row nowrap;align-items:center;}
#profileimg {width:150px;height:150px;margin-right:5px;}
#profileimg img {width:150px;height:150px;}
#profileinfo {width:100%;height:150px;padding:10px;overflow:auto;}

#profileinfo li {
margin:0;
list-style:none;
line-height:215%;
text-align:left;
text-transform:uppercase;
}

#profiledesc {margin-top:10px;}

.linksnav {display:flex;flex-flow:row wrap;justify-content:space-between;}

.linksnav a {
width:33%;
margin:0 0 3px 0;
padding:5px;
font-family:'Roboto Condensed', sans-serif;
font-size:15px;
text-align:center;
}

.linksnav a:empty, #linkscont h2:empty {display:none;}

/* posts */

#postcontainer {overflow-x:hidden;}
.posts {margin:0 auto 80px auto;}
.posts:first-of-type {margin-top:80px;}

/* posts - text */

.caption:empty {display:none;}
.text, .unnestcont, .faq {padding:5px 5px 1px 5px;}
.unnestcont {padding:0 5px 1px 5px;border-top:none;}
.unnestcont ~ .unnestcont {padding-top:5px;}

.username img {
width:25px;
height:25px;
border-radius:50%;
vertical-align:middle;
margin:5px 10px 10px 0;
}

.posts ul, ol {margin:0 0 10px 5px;}
.posts li {margin:0 10px;}

.posts h1, .faqq h1 {
font-family:'Roboto Condensed', sans-serif;
font-size:18px;
font-weight:bold;
line-height:22px;
letter-spacing:3px;
text-transform:uppercase;
}

.posts h1 {margin:5px 0;padding:5px;text-align:center;}
.faqq h1 {margin:0;padding:10px;border-bottom:none!important;text-align:left;}

.unnest h1, .text h1 {
margin:0 0 10px 0;
font-family:'Roboto Condensed', sans-serif;
font-weight:bold;
}

/* posts - embeds */

.text img, .unnest img, .text video, .unnest video {
height:auto;
margin-bottom:5px;
}

.text p img, .unnest p img, .text p video, .unnest p video {margin-bottom:0;}
figure.tmblr-full {margin-bottom:0!important;}
.npf_photoset {margin-bottom:5px;}
blockquote img, blockquote video {max-width:calc(100% - 20px);}

/* posts - quotes */

h2 {
padding:5px 0 10px 0;
text-align:center;
font-family:'Roboto Condensed', sans-serif;
font-size:18px;
font-weight:bold;
line-height:22px;
font-weight:bold;
word-spacing:2px;
text-transform:uppercase;
}

#source {padding:0 10px 10px 10px;text-align:right;}

/* posts - chats */

#chat ol {margin-left:0;}
#chat li {margin-left:5px;}
.line {list-style:none;padding:5px 0 0 0;}
.label {font-weight:bold;}

/* posts - photos / videos */

.mediacont, .photo-slideshow {margin-bottom:5px;}
.mediacont img, .mediacont iframe {display:block;}
.mediacont img {height:auto;}

/* posts - audio */

.spotify_audio_player, .soundcloud_audio_player {height:80px;}

#audio {
height:120px;
margin-bottom:5px;
font-family:'Source Sans Pro', sans-serif;
font-size:10px;
line-height:25px;
}

#albumart {
float:left;
width:120px;
height:120px;
margin-right:5px;
}

#albumart img {width:120px;height:120px;}

#audioplayerbg {
position:absolute;
width:120px;
height:120px;
padding:10px;
background-color:#fff;
opacity:0.6;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}

#audioplayerbg:hover {
opacity:0.4;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}

#audioplayer {
width:30px;
height:30px;
margin:40px auto;
overflow:hidden;
}

#audioinfo {
height:120px;
padding:10px 10px 10px 15px;
text-transform:uppercase;
text-align:left;
overflow-x:hidden;
overflow-y:auto;
}

/* posts - asks */

#askcont {margin-bottom:5px;}

#asker, #replier {
font-family:'Roboto Condensed', sans-serif;
font-size:16px;
line-height:20px;
font-weight:bold;
text-transform:uppercase;
}

#asker {margin-bottom:10px;text-align:right;}
#ask {padding:10px;}
#ask p:last-of-type {margin-bottom:0;}
#reply {margin-bottom:10px;padding:10px 10px 1px 10px;}
#replier {margin:15px 0;text-align:left;}

/* perma */

#perma {padding:10px;font-size:12px;}
.buttons {float:left;}

#likebutton a, #reblogbutton a {
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}

.like_button:hover + c.likeicon, #reblogbutton a:hover {
cursor:pointer;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}

#likebutton c, #reblogbutton c {font-size:20px;margin:0 10px;}

.like_button {
position:absolute;
margin-left:10px;
width:20px;
height:20px;
opacity:0;
z-index:10;
overflow:hidden;
}

c.likeicon {z-index:1;}
#perma #buttonscont #likebutton .liked + c.likeicon {color:#e11414;}
#permalinks a {margin-right:10px;}
#tags {margin-top:5px;}

#tags a {
display:inline-block;
margin-right:10px;
font-size:11px;
text-transform:none;
}

/* notes */

ol.notes {
list-style-type:none;
margin:0;
padding-top:5px;
font-size:12px;
text-align:center;
}

ol.notes li.note {margin:0 0 0 5px;padding:10px 0 0 0;line-height:18px;}
ol.notes li.note:last-child {padding-bottom:10px;}
ol.notes li.note blockquote {padding:2px 5px;margin:5px 0 0 35px;}
ol.notes li.note img.avatar {display:none;}

/* extras */

#sideimg {
position:fixed;
bottom:-5px;
right:0;
width:20vw;
}

#sideimg img {width:20vw;}

#s-m-t-tooltip {
display:block;
max-width:150px;
margin:24px 14px 7px 12px;
padding:2px 5px 2px 5px;
font-family:'Source Sans Pro', sans-serif;
font-size:11px;
line-height:13px;
text-align:left;
text-transform:uppercase;
z-index:9999999999;
}

/* credit - do not remove, alter, or move to another page */

#credit {
position:fixed;
bottom:14px;
right:10px;
text-align:center;
z-index:9999;
}

#credit a {padding:4px;}