/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/special/spe-3/spe301.ani), url(https://cur.cursors-4u.net/special/spe-3/spe301.png), auto !important;} /* End https://www.cursors-4u.com */

li{
  list-style-position: inside;
  list-style-image: url(https://i.postimg.cc/sxK99Mrc/422.gif);
  
  text-decoration-line: underline;
  text-decoration-color: black;
}

.divider
{
  display: block;
  margin: 10px auto;
}

.header a:hover, .header a:focus {
  color: #7ec0ee !important;
  text-decoration: underline;} 

/* Links color */
a {
  color: #add8e6;
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover, a:focus {
  color: #7ec0ee;
  text-decoration: underline;
  cursor: url(https://cur.cursors-4u.net/anime/ani-9/ani852.cur), pointer !important;}

/* Footer border */
.footer {
  border: 5px solid #add8e6;
  background-image:
  url(https://i.postimg.cc/kGmWns6B/tumblr-inline-mm8ocf-Umxk1qz4rgp.png),
  url(https://i.postimg.cc/tJNW76Wy/tumblr-inline-mhblbc2q7M1qz4rgp.png),
  url(https://i.postimg.cc/QtBfBfdQ/d8aea448440aa0c696793b1ffa995d99906c1383.gif),
  url(https://i.postimg.cc/25439Q5F/fallingsparklediv.gif),
  url('https://i.postimg.cc/NjQv5P8J/original.jpg');
  
  background-position:
  left,
  right,
  top,
  center, 
  center;
  
  background-repeat:
  repeat-y,
  repeat-y,
  repeat-x,
  repeat,
  repeat;
}

/* Header and footer text glow */
.header, .footer {
  color: white;
  text-shadow:
    0 0 8px #add8e6,
    0 0 16px #add8e6,
    2px 2px 2px #444;
}

/* Header links glow */
.header a {
  color: white !important;
  text-shadow:
    0 0 8px #add8e6,
    0 0 16px #add8e6,
    2px 2px 2px #444 !important;
  text-decoration: none;
}

/* Layout and body */
html, body {
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.layout {
  height: 100vh;
  display: grid;
  grid:
    "header header header" auto
    "leftSide body rightSide" 1fr
    "footer footer footer" auto
    / auto 1fr auto;
  gap: 8px;
}

.leftSide, .rightSide {
  overflow-y: auto;
  height: 100%;
}

.body {
  grid-area: body;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.leftSide{
  background-image:url('https://i.postimg.cc/wjtVgHPh/other-blog-side-panel-demiboy.jpg') ;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.rightSide{
  background-image:url('https://i.postimg.cc/pXLCcKJc/blog-side-panel-demiboy.jpg') ;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Blog container and glow */
.blog-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
  padding: 10px;
  background-image: url('https://i.postimg.cc/jdsJdM7v/bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  text-shadow:
    0 0 8px #add8e6,
    0 0 16px #add8e6,
    2px 2px 2px #444;
  transition: all 0.3s ease;
}

.blog-container * {
  text-shadow:
    0 0 8px #add8e6,
    0 0 16px #add8e6,
    2px 2px 2px #444;
  transition: all 0.3s ease;
}

/* Animation on hover */
.blog-container *:hover {
  animation: softGlow 5s infinite ease-in-out;
  cursor: url(https://cur.cursors-4u.net/symbols/sym-5/sym473.cur), pointer !important;
}

/* Glow animation keyframes */
@keyframes softGlow {
  0% {
    text-shadow:
      0 0 10px #66ccff,
      0 0 20px #66ccff,
      2px 2px 2px #444;
  }
  50% {
    text-shadow:
      0 0 16px #66ccff,
      0 0 32px #66ccff,
      2px 2px 2px #444;
  }
  100% {
    text-shadow:
      0 0 10px #66ccff,
      0 0 20px #66ccff,
      2px 2px 2px #444;
  }
}

/* Blog entries panel */
.blog-entries {
  flex-grow: 1;
  overflow-y: auto;
  min-height: 0;
  background-color: rgba(128, 128, 128, 0.2);
  padding: 0px;
}

.blog-entry p + p::after{
  content: url(https://i.postimg.cc/cJhn2F6n/mono479.gif);
  position: relative;
  align-content: center;
  display: block;
}

.blog-entries img{
  max-width: 420px;
}

.blog-entry::after {
    content: "";
    display: block;
    height: 10px;
    background: url("https://i.postimg.cc/fRzsT6yS/l3-1b.gif") center repeat-x;
}
/* Overlay */
.blog-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('https://i.postimg.cc/ZKVv96Pm/overlay-border.png') no-repeat center center;
  background-size: 100% 100%;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.5;
}

.mask {
  
  width: 350px;
  height: 350px;
  position: relative;
  overflow: hidden;

  -webkit-mask-image: url('https://i.postimg.cc/g2zHJq3X/23.png');
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;

  mask-image: url('https://i.postimg.cc/g2zHJq3X/23.png');
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;

  display: flex;
  align-items: center;
  justify-content: center;
}


    .stellyfer {
    border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAWdJREFUWEfllz0WwjAMg+nOAZi4/7mYOEB3eAxhcKv3KU4oCbDR/CmKLNvLqfPvflsfry0v1/Oyt7Uap++7m7VgPwxoOSiCVQyVeXGdO7/MixeM/zeMDg9UAXSZVYy6UqBz3oxOB9TVDGmTolgxqAjbMDoNULImdRG1jtzADd60RilISBpqvHyP9tbNnugl4jj55sd89HCg7oGunan94tOSS6Rz/XBASUvuC8TgqXUPZHQ4oG6udm2JfDXN6DRAyeeUxrIajcZOGUpqlOyCCmN6+mqgdBOXaZdZ0risnqYBWlscECPEbFZSWD25qY4AUjASAV8LJirQY7DND7Q1N5M9pTNT741774dFCR3oBpFqMdz18wKtTQAuI60Zbpjmji4sDZ+Mnvp1l0FqaQqO3wNKT6NaFor27oxOA9SterLaJebTGqUUSwer8lJ1Ds32lNXm/wCloKFxKoBpvRpP53oqVrJdqtr3CQ0lljGi+F20AAAAAElFTkSuQmCC') 14 /  14px / 0 round;
    border-width:  14px;
    border-style:  solid; 
  }
  
    .luna-noviello {
    border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAAAp5JREFUeF7tnNFyrEAIRPX/P9q8rmNVTnXRrYnb9xWGgTMwi5jrvsG/4zgO0vmU7/u+K/pP67rjw+DdGz4NcN3fHV+BmiuwQJ8GSnfkWkKkTyW4rk/bV/1Z9eUMJUDpgNP2C1TsKtQDUfWboXAgMlB326A6QPpT+bSEZT7yAvOJToHR+gJdDoyAkbxA3waU2iJ6dExnjDvj7PGqAAr0TODCr0Bn07ECXZ7dX1fy6p04rajpevQ3voH50XDq73R9gS4EClTsS91diGyPUpgMktx+6YtXyN3xXaZN6rN9gZ7brgKljAD5WoEFmgY6tP/1y3Fi//WERAAFKgIj9QIlQqK8QEVgpF6gREiUF6gIjNQLlAiJcgRKj6LTZ3XR37j6NN4ChfHeeoKUQAVaoNmqt5e8OtFW9bM4dOuq/6SP0ya6M2gDPcR7V6j+k36Biq+VCxQSngDRKxQcMKsGpvr3Fvi2uQFe2ioKKO0A7e+Wp+OR+9D//iNVoOYUvR1oekMzn7E5d7xtm9o2jZPyZKAZ6uVpb6PkX3l1nGWOP27OPhyhRr1Af/8T8mZo56HZqo+XfNb991nHkn9fyNmICtTMt0AL1EzAbK4ZWqBmAmZzzdA0UGps1f1pwk/21GmQao/0SY4v6QqUEJ7lBSp+mo3wFmgaaPqOUu9Q8ofklFHT9TTe3OMbiP/ZlfwheYHCPPLprzPKBzQ9cSyBZqj5KzHmT7tNDzCeQPENCrQZSvfmp/ySkM1QcwKpj5rUV6oHRPpTufvOpey99KG4wHwnToHR+gIVPytUoOZG/s8BpRJPO6yWpOqPan+qjxN7NQBVXw0gbV/1Z9UvUPOPbIE+DZTuXOpTaf3dcncfLmcoBVygQMh9gnQgd8vd8TVDxXdMVIE/RPvAMdtP+wMAAAAASUVORK5CYII=') 28 /  28px / 0 round;
    border-width:  28px;
    border-style:  solid; 
  }
  
  
    .barbed-hearts{
    border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAY1JREFUWEfdmd0RwjAMg+mgTAFjwBQMCsdDej2D+slJSRt4bB1Hkf+UMp3E73y9PJevHrf7pGzfz4t9sXPXu3Zyc9dBAd8daNxQAYnsZtdl7T8YzTqgg2T9KfsZKIVaOSCglBox9xWOcYASU1sxporN7SbT3wONubTWY7/14yxB1Yx2BxpzUDFDEyfLkPIX9y92surVAtU+ugGlHKM+m+0OxZ6qvtitCo0l+MMBVUXinpwio2qC/MtZr3LUBUJ2boTm0NMCt0gIGOleZHQ4oK6KqWVO6VfXn5xMxLS7AYXc9YPtqVb1EMA4mTBH6USHAZoVF3RyOjjlqqqVOUfdDXYDSgD36qMx0uliooNl39Mt1RYle7WpmGI2o1lZ5jLriiAEmlU7lNO1ERoPKPXT7CRRgyKmkLtv9Z2J+unmQCmn1F2ImFDFVBuZce71rYwqhsgvvY+RbGa0G1C3T2blHjHmjk78UqLkllsMPwOqqnvr57X+mr/hUwhVv82ua/77Rs1uCr1bGyjzXPHQC+gLvQjH8yxrY3gAAAAASUVORK5CYII=') 14 /  14px / 0 round;
    border-width:  14px;
    border-style:  solid; 
  }
  
  .piclogframe{
   position: absolute;
   bottom: 0;
   left: 0;
   top: 0;
   right: 0;
   width: 350px;
   height: 350px;
   pointer-events: none;
   padding: 0px;
  }
  
  .piclog-container{
  position: relative;
  width: 350px;
  height: 350px;
  
  background-image: 
  
  url(https://i.postimg.cc/2jJGwCw2/salanghae.gif),
  url(https://i.postimg.cc/gc5sDGsp/My-Style.gif),
  url(https://i.postimg.cc/v8jhzGz0/corner-punk-stars.gif),
  
  url(https://i.postimg.cc/Jz4xw9tj/mono293.gif), 
  url(https://i.postimg.cc/BZLRkPRp/wave.gif),
  url('https://i.postimg.cc/fLMbP6Y4/old-wall.png'), 
  url(https://i.postimg.cc/P5K82sZL/starglitter.gif), 
  url(https://i.postimg.cc/HLfyNNKD/b1fb39a0-original.gif);
  
  background-position: 
  
  bottom right,
  bottom left,
  top right,
  
  top center, 
  bottom center, 
  center, 
  center, 
  center;
  
  background-repeat: 
  
  no-repeat,
  no-repeat,
  no-repeat,
  
  repeat-x,
  repeat-x,
  repeat,
  repeat,
  repeat;

  }
  
        .muzic {
    
    background-image: url('https://i.postimg.cc/Mptjd2Rp/1024281ymbml25yd5.gif');
    background-repeat: repeat;
    
    border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAARxJREFUWEftWEEOwyAMK/9/NNUO7BAU2QFTiERv68AxTkoM5UnylCQ8nz/RWmv9kS6lHEHe8slHtJXAqLJtnldKbKa8+F2a0xAdVdZbILtwNM79cNBEm+JtRFllbW22WvTeswu04+BWhJQ9hiirbLRxIAHCiqYjGlVMPR7WqDrgKN4lOqqc24LVgKvw8qZe5YJYZdl4rnuatWufEbX+MdpJokRRPNqPHkN01lywCtqW3H4j19WdmdiJUWKevWPj5d2eZpVaNf8qqlb2KrpNUfWGH8WjUx8FRopG8SBRFpB1QdvO9V5L7I67znUmK0T+Kx12pejcz+KgcbTN8z4Otetadj/6OVEkPdpu1P9bPnnv8NXKqPDghq8KNIvzAuKpQDrEqbBeAAAAAElFTkSuQmCC') 14 /  14px / 0 round;
    border-width:  14px;
    border-style:  solid; 
  }