iframe.tmblr-iframe {
z-index:999999!important;
top:10px!important;
right:10px!important;
transform:scale(0.7);
transform-origin:100% 0;
}

/* --- tooltips & scrollbars --- */

#s-m-t-tooltip {
position:absolute;
margin-top: 15px;
z-index:9999;
padding:3px 7px;
background:#ffffff;
color:#6c686f;
font-size:14px;
border:1px solid #f0f0f0;
box-shadow:0px 0px 5px rgba(78, 78, 78, 0.1);
border-radius:8px;
}

::-webkit-scrollbar-thumb {background-color:#b7c7c7;}
::-webkit-scrollbar {background-color:transparent; width:1px; height:1px;}

/* --- basics --- */

body {
background:#f0c3e7;
background-image: linear-gradient(#fcf2f0 1px, transparent 1px), linear-gradient(90deg, #fcf2f0 1px, transparent 1px);
background-size:38px 38px;
background-position:center center;
background-attachment:fixed;
color:#6c686f;
font-family: 'Work Sans', sans-serif;
font-size:14px;
line-height:1.5em;
font-weight:400;
text-align:left;
margin:0;
}

a {
color:#6c686f;
text-decoration:none;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}

a:hover {
    color:#6c686f;
    text-decoration:none;
}
   
p a, li a, .side-desc a
{border-bottom:2px solid #b7c7c7;}
p a:hover, li a:hover, .side-desc a:hover
{border-bottom:2px solid #f0f0f0;}

img {
border:none;
text-decoration:none;
}

b, strong, bold {
font-weight:700;
}

u {
text-decoration:none;
}

.firstletter, u {
    display:block;
    float:left;
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    text-transform:uppercase;
    font-size:1.5em;
    font-family:'Inconsolata', monospace;
    margin:0px 10px 0px 0px;
    color:#b7c7c7;
    border:1px solid #f0f0f0;
    border-radius:8px;
}

s, strike {
text-decoration-color:#b7c7c7;
}

small, sub, sup, big {
font-size:1em;
line-height:1.5em;
vertical-align:baseline;
}

blockquote {
width:100%;
padding:0px 5px 0px 15px;
border-left:1px solid #f0f0f0;
margin:0px 0px 0px 10px;
}

blockquote img {
    max-width:calc(100% - 40px);
    height:auto;
}

    blockquote blockquote {
        margin-right:0px;
    }
    
        blockquote blockquote img {
            max-width:calc(100% - 50px);
            height:auto;
            margin-top:10px;
        }

pre {
font-family: 'Inconsolata', monospace;
margin:0px;
background-color:rgba(108,104,111,0.05);
padding:10px;
border-radius:10px;
}

pre a {color:#b7c7c7;}

ul, ol {
width:100%;
margin:0px 0px 0px 20px;
padding-left:15px;
}

ul li {
    list-style-type:square;
}

ol li {
    list-style-type:lower-roman;
}

ul ul, ol ol, ul ol, ol ul {width:calc(100% - 35px);}
    
hr {
border:none;
border-bottom:1px solid #f0f0f0;
width:100%;
margin:0px;
}

/* --- header styles --- */

h1 {
margin:0px;
width:100%;
font-size:2em;
line-height:1.2em;
font-family:'Poppins', sans-serif;
font-weight:700;
text-shadow:0px 0px 5px rgba(183,199,199,0.95);
}

h1.tagpage {
    font-weight:400;
    margin:0px 0px 50px 0px;
}

h2 {
width:100%;
font-weight:600;
text-align:left;
font-size:1.5em;
}

h2 b, b h2, h2 i, i h2,
h2 strong, strong h2, h2 em, em h2 {
    color:#6c686f;
}

h3 {
font-size:1.4em;
margin:10px 0px;
font-weight:400;
color:#b7c7c7;
}

h4 {
font-weight:700;
font-size:1.1em;
line-height:1em;
margin:0px 0px 10px 0px;
}

h5 {
color:#ffffff;
font-family:'Inconsolata', monospace;
margin:0px;
font-weight:normal;
font-size:1.1em;
}

.ti {
color:#6c686f;
font-size:18px;
height:18px;
width:18px;
}

/* --- container --- */

.container {
position:relative;
z-index:400;
left:calc(50vw - 576px);
top:150px;
width:1150px;
height:auto;
display:flex;
flex-wrap:wrap;
align-items:flex-start;
justify-content:center;
gap:80px;
}
    
/* --- sidebar --- */

.side {
position:sticky;
top:150px;
width:300px;
height:auto;
display:flex;
flex-direction:column;
gap:20px;
}

.side-img {
position:relative;
z-index:1;
width:calc(100% - 25px);
height:180px;
background-image:url('https://64.media.tumblr.com/dffd2c090b49385c377993e551f66072/4ef02a09ff65cd32-31/s2048x3072/d60b904142e8863b230838a3d079745a979a3cd7.png');
background-size:cover;
background-position:center center;
border-radius:10px;
box-shadow:0px 0px 5px rgba(0,0,0,0.05);
border:1px solid #f0f0f0;
}

.side-links {
position:absolute;
z-index:10;
top:16px;
right:0px;
width:50px;
height:148px;
background-color:rgba(255,255,255,0.65);
backdrop-filter:blur(5px);
border-radius:20px;
box-shadow:0px 0px 5px rgba(0,0,0,0.05);
border:1px solid #f0f0f0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}

.side-links a {
    width:40px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all ease 0.8s;
}

    .side-links a:hover .ti {
        color:#b7c7c7;
    }

.side-text {
width:100%;
background-color:#ffffff;
border-radius:10px;
box-shadow:0px 0px 5px rgba(0,0,0,0.05);
border:1px solid #f0f0f0;
padding:20px 0px;
display:flex;
flex-direction:column;
gap:20px;
}

.side-title, .side-desc {
width:calc(100% - 40px);
padding:0px 20px;
}

.side-title {
padding:0px 20px 20px 20px;
font-size:1.5em;
line-height:1.1em;
font-family:'Poppins', sans-serif;
font-weight:700;
text-shadow:0px 0px 5px rgba(183,199,199,0.95);
border-bottom:1px solid #f0f0f0;
}

/* --- pagination --- */

.pagination {
position:relative;
left:0px!important;
margin:0px 0px 80px 82px;
width:540px;
height:auto;
display:flex;
justify-content:center;
align-items:center;
}
    
.pagination a {
    margin:0px 10px;
    width:140px;
    height:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px;
    background-color:#ffffff;
    border:1px solid #f0f0f0;
    box-shadow:0px 0px 5px rgba(0,0,0,0.05);
    border-radius:10px;
}
    
    .pagination a .ti {
        font-size:20px;
        width:20px;
        height:20px;
    }
    
    .pagination a:hover {
        background-color:#b7c7c7;
        color:#ffffff;
    }
    
    .pagination a:hover i {
        color:#ffffff;
    }
