:root {
    
    --background:#101010;
    --posts:#101010;
    --text:#575454;
    --container:#0b0a0a;
    --borders:#131212;
    --links:#b34f61;
    --accent:#d8909d;
    --body-font:Poppins;
    --font-size:13px;  
    
}
        
* {box-sizing:border-box;}

 body { margin:0; background-color: var(--background); background-image:var(--background-image);  {block:iffullbackground} background-size:cover; {/block:iffullbackground} background-attachment:fixed; font-family:var(--body-font);
 color:var(--text); word-wrap:break-word; font-size:var(--font-size); line-height: 175%; word-wrap: break-word; margin: 0; padding: 0; -moz-osx-font-smoothing:grayscale;  -webkit-font-smoothing:antialiased; font-smoothing:antialiased;  -webkit-animation: fadein 1.5s; -moz-animation:fadein 1.5s;
 animation:fadein 1.5s; text-align:justify; }
 
 img { margin:5px 8px; }

small, big { font-size:var(--font-size); }

b, strong { color:var(--accent); font-weight:700; }

i, em { color:var(--links); }

 a {  text-decoration:none; color:var(--links); border-bottom:2px solid var(--accent);}
 
 u { background: var(--accent); padding:0px 5px; color:var(--background); text-decoration:none; }
 
strike, strike a, strike i, strike b, strike strong, strike em { text-decoration:none; background:var(--borders); color:var(--borders);} strike:hover { background:none; color:var(--text); transition:ease-in-out all 2s; cursor:zoom-in;}

  *::-webkit-scrollbar { width: 10px; border-radius:7px;}
  *::-webkit-scrollbar-track { background: var(--container); }
  *::-webkit-scrollbar-thumb { background-color:var(--accent);border-radius: 10px; border: 4px solid var(--container); }

::selection { background-color:var(--accent); color:var(--posts) }
::-moz-selection {  background-color:var(--accent); color:var(--posts);}
::-o-selection {  background-color:var(--accent); color:var(--posts); }
::-webkit-selection {  background-color:var(--accent); color:var(--posts); }

 #s-m-t-tooltip { max-width:200px; margin:15px; text-align:center; font-weight:500; text-transform:lowercase; padding:3px 15px; z-index:999999999999999999999;color:var(--accent); border-radius:3px; background:var(--borders); font-size:var(--font-size); }

 blockquote {  border-left:2px solid var(--borders);  padding-left:var(--spacing-sm); margin:0 0 0 var(--spacing-md); }

ul { list-style:none; margin-left:5px; margin-bottom:25px; }
ul li:before { content:'×'; margin-right:15px; color:var(--links); }
ul li span { color:var(--links); }

#navigation { position:fixed; top:0; width:100vw; padding:15px 25px; background:var(--container);   color:var(--accent); text-align:center; letter-spacing:1px; border-top:1px solid var(--borders);z-index:9999999999999; } #navigation a { border:none;} #navigation span { font-size:var(--font-size); font-weight:normal; float:left;margin-top:5px; font-size:20px; font-family: var(--body-font), sans-serif;}

h2 { font-size:18px; font-weight:bold; color:var(--links); font-size:25px;  text-align:left; margin:0px 25px; }


.container { height:calc(100vh); overflow:auto; position:absolute; margin:0 auto; text-align:center; box-sizing:border-box; padding:50px; padding-top:100px; z-index:99;} 

.container:after {  content: '';  display: block;  clear: both; }

#details { text-align:left; margin-bottom:30px; }