/* style-my-tootltips plugin, tooltip styling */
#s-m-t-tooltip{
	/* basic */
	max-width:260px;
	z-index:10;
	margin:24px 14px 7px 12px;
	/* style and design */
	padding:8px;
    background: #b3aee8;
    background: linear-gradient(0deg, rgba(181, 179, 211, 0.68) 0%, rgba(51, 93, 171, 0.9) 100%);
	-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
	-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3);
	border: 4px double #012875;
	/* font */
	font-family: ms gothic;
	font-size:15px;
	line-height:16px;
	color:#fff;
}

.tect {
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  text-shadow: 
    0 0 7px #fff,
    0 0 10px #5e7de2,
    0 0 15px #57a1e7,
    0 0 42px #0044ff,
    0 0 82px #0044ff;
}

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

    html,
    body {
      overflow: auto;
      font-size: 15px;
    }

    #container {
      overflow: scroll;
      overflow-x: auto;
      height: 10em;
      padding: 1rem;
    }

h1 {
  background: #dee5ff;
  background: radial-gradient(circle, rgba(222, 229, 255, 1) 0%, rgba(59, 126, 184, 1) 100%);
  border: 3px double #183473;
  text-shadow: 0 0 5px white;
  color: #183473;
}

h2 {
  background-image: linear-gradient(90deg,rgba(228, 228, 242, 0.14) 35%, rgba(0, 63, 158, 0.83) 65%), url('https://file.garden/aRRRvnS1_k8iTozG/powurlines.jpeg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: 4px double #003482;
  text-align: right;
  padding: 7px;
  color: #E9DEFC;
  text-shadow: 0 0 x black;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 5px;
}

h4 {
    background: linear-gradient(90deg,rgba(28, 85, 158, 0.91) 18%, rgba(68, 121, 173, 0.04) 75%);
            border-radius: 4px;
            color: #E8E6FF;
            text-shadow: 0 0 5px black;
            width: 100%;
            min-height: 30px;
            font-size: 18px;
            font-weight: normal;
            padding: 5px;
            margin: auto;
}

   ::-webkit-scrollbar {
width: 10px
}

::-webkit-scrollbar-track:vertical {
background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
border-left: 1px solid #888;
}

::-webkit-scrollbar-thumb:vertical {
background: linear-gradient(90deg, rgba(27,66,122,1) 0%, rgba(194,224,255,1) 28%, rgba(138,194,238,1) 55%, rgba(202,227,252,1) 87%);
  border-left: 1px solid #888;
}

/*horizontal scroll*/

::-webkit-scrollbar:horizontal {
height: 14px
}

::-webkit-scrollbar-track:horizontal {
background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
 border-top: 1px solid #888;
}

::-webkit-scrollbar-thumb:horizontal {
background: linear-gradient(180deg, rgba(27,66,122,1) 0%, rgba(194,224,255,1) 28%, rgba(138,194,238,1) 55%, rgba(202,227,252,1) 87%);
  border-top: 1px solid #888;
}

#statuscafe {
    padding: .5em;
}
#statuscafe-username {
    margin-bottom: .5em;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
}

a {
  color: #A190E4;
  text-decoration: none;
}

.ayanewrap {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

#ayaneukagaka {
  width: 360px;
  height: auto;
  transition: transform 0.2s ease;
}

.ayanewrap:hover #ayaneukagaka {
  transform: scale(1.05);
}

.textbox {
  font-size: 13px;
  position: relative;
  background: #ffffff;
  background: linear-gradient(0deg,rgba(255, 255, 255, 0.86) 28%, rgba(201, 218, 240, 1) 100%);
  border: 4px double #183E96;
  border-radius: 4px;
  padding: 10px 5px;
  margin-bottom: 15px;
  max-width: 250px;
  box-shadow: 2px 2px 0px ##183E96;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}

.textbox::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 12px 12px 0;
  border-style: solid;
  border-color: #ffffff transparent;
  display: block;
  width: 0;
  z-index: 1;
}

.textbox::before {
  content: '';
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: #333333 transparent;
  display: block;
  width: 0;
  z-index: 0;
}

.ayanewrap:hover .textbox {
  opacity: 1;
  transform: translateY(0);
}


        body {
            cursor: url('https://cdn.cursors-4u.net/previews/our-planet-earth-4181314c-32.webp') 32 32, auto;
            background-image: url('https://file.garden/aRRRvnS1_k8iTozG/add.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            font-family: "MS Gothic", "Osaka-Mono", monospace;
            color: #284372;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px;
        }

        .contain {
            width: 950px;
            height: 810px;
            border: 5px double #021736;
            box-shadow: 0 0 10px #134CA2, 0 0 20px #134CA2;
            padding: 6px;
            display: grid;
            grid-template-columns: 670px 1fr;
            gap: 5px;
            background: #8599c9;
            background: linear-gradient(0deg,rgba(133, 153, 201, 0.8) 0%, rgba(37, 55, 120, 1) 100%);
        }

        .content {
            scrollbar-width: none;
            height: 790px;
            overflow: auto;
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .sidecontent {
            height: 790px;
            display: flex;
            flex-direction: column;
            gap: 7px;
        }

        .panel {
            border: 4px double #1C3664;
            outline: 2px solid #01C3664;
            outline-offset: -4px;
            background-color: #ffffff;
            padding: 12px;
            position: relative;
        }

        .header {
            background-image : linear-gradient(0deg,rgba(230, 239, 255, 0.02) 0%, rgba(62, 111, 173, 0.45) 100%), url('https://file.garden/aRRRvnS1_k8iTozG/abydosbanner.png');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 21px 12px 10px rgba(112,170,255,0.2), 0px 0px 20px rgba(69,151,255,0.2), 0px 0px 20px rgba(53,116,196,0.2), 0px 0px 20px rgba(53,116,196,0.2), 0px 0px 20px #3574C4, 0px 0px 20px #3574C4;
            font-size: 50px;
            color: #FDF9EC;
            font-style: italic;
            font-family: "MS Gothic";
            border-radius: 4px;
            box-shadow: inset 0 0 17px 2px #E6EFFF;
            min-height: 190px;
        }

        .statuses {
            background-image: url('https://everyend.neocities.org/download%20(6).jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            height: 230px;
            border: 3px groove #162E4A;
            box-shadow: inset 0 0 12px 2px #2065A9;
            display: flex;
            align-items: flex-start;
            gap: 8px;
            padding: 8px;
        }

        .music {
            background-image: linear-gradient(0deg,rgba(10, 49, 140, 0) 0%, rgba(36, 70, 191, 0.25) 100%), url('https://file.garden/aRRRvnS1_k8iTozG/scaredaoba.png');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            padding: 10px;
            width: 210px;
            height: 210px;
            border: 3px double #1C3664;
            box-shadow: inset 0 0 12px 2px #BED5EF;
            flex-shrink: 0;
        }

        .flexbx {
            display: flex;
            gap: 20px;
        }

        .thinker {
            background-image: url('https://everyend.neocities.org/shyrei.png');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            height: 137px;
            width: 170px;
        }
        .statusside {
            font-size: 13px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            position: relative;
            padding-top: 5px;
        }

        .statusheader {
            box-shadow: inset 0 0 10px 3px #D3E5F5;
            border: 1px solid #062568;
            min-height: 70px;
            width: 100%;
            position: relative;
            background-color: #ffffff;
            margin-bottom: 4px;
            border-radius: 4px;
            padding: 2px;
            box-sizing: border-box;
        }
        .statusheader::after, 
        .statusheader::before {
            content: '';
            position: absolute;
            bottom: -20px;
            right: 60px;
            border-width: 20px 12px 0;
            border-style: solid;
            border-color: #07215a transparent transparent;
            display: block;
            width: 0;
        }
        .statusheader::after {
            bottom: -15px;
            border-color: #ffffff transparent transparent;
        }
        .statustail {
            overflow: auto;
            position: absolute;
            left: 290px;
            bottom: -13px;
            width: 20px;
            height: 13px;
        }
        .feeling {
            background-color: rgb(265 260 265 / 50%);
            height: 125px;
            width: 230px;
            padding: 8px;
            margin: 5px;
            box-shadow: 0px 10px 20px 0px rgb(265 265 265 / 40%);
            display: flex;
            flex-direction: column;
            gap: 6px;
            font-size: 12px;
            text-shadow: 0 0 5px #89bdee;
            line-height: 1.5;
            overflow: auto;
            text-align: left;
        }
        .feeling::-webkit-scrollbar {
            display: none;
        }
        .div2 {
            background-image: url('https://everyend.neocities.org/gazing.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            height: 320px;
            text-align: center;
            outline: 3px groove rgb(52, 59, 97);
            font-size: 14px;
            display: grid;
            grid-template-columns: 1fr 190px;
            gap: 8px;
        }
        
        .div2 > div:first-child {
            background-color: rgb(0 25 150 / 20%);
            border: 1px dashed #000000;
            color: white;
            text-shadow: 0 0 5px black;
            overflow: auto;
            height: 100%;
            padding: 7px;
}
        
        .div2 > div:nth-child(2) {
            background: linear-gradient(0deg,rgba(153, 177, 209, 0.71) 28%, rgba(14, 77, 158, 1) 100%);
            box-shadow: inset 0 0 15px 3px #114398;
            outline: 3px groove #1D3255;
            padding: 3px;
            min-height: 300px;
        }
        
        .people {
            background-image: linear-gradient(0deg, rgba(34, 125, 195, 0.09) 0%, rgba(89, 92, 183, 0.40) 100%), url('https://file.garden/aRRRvnS1_k8iTozG/tuffayana.jpg');
            background-size: cover;
            background-position: center;
            border: 4px groove #063275;
            padding: 8px;
            min-height: 320px;
            display: grid;
            grid-template-columns: 1fr 250px;
            gap: 15px;
            flex-direction: column;
        }
        
        .tester {
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            border: 4px double #1A498E;
            padding: 6px;
            background-color: rgb(230 218 249 / 50%);
            overflow: auto;
            scrollbar-width: none;
        }
        .video {
            margin-top: auto;
            background-image: url('https://file.garden/aRRRvnS1_k8iTozG/download%20(13).jpg');
            background-repeat: no-repeat;
            background-size: cover;
            height: auto;
            width: auto;
            border: 15px solid;
            box-sizing: content-box;
            border-image: url(https://file.garden/aRRRvnS1_k8iTozG/blacklacelarge.png) 30 / 15px / 0px repeat;
            padding: 5px;
        }
        .wikiarticles {
            background: linear-gradient(0deg,rgba(147, 174, 217, 0.47) 0%, rgba(255, 255, 255, 0.58) 100%);
            width: auto;
            height: 135px;
            border-radius: 0px 20px 0px 20px;
            border: 3px double #153980;
            padding: 5px;
            font-size: 12px;
            text-shadow: 1px 1px 1px rgba(265, 265, 265, 0.5);
        }
        .linkcontain {
            background-image: url('https://file.garden/aRRRvnS1_k8iTozG/fair.jpg');
            background-size: cover;
            background-position: center;
            display: flex;
            border: 3px ridge #092452;
            overflow: auto;
            padding: 6px;
            flex-direction: column;
            gap: 5px;
            height: 330px;
            scrollbar-width: none;
        }
        
        .link {
            border: 2px ridge #6689C7;
            border-radius: 0px 40px 40px 0px;
            color: #183b81;
            min-height: 30px;
            width: 100%;
            padding: 3px;
            background: linear-gradient(90deg,rgba(194, 217, 237, 1) 31%, rgba(192, 212, 237, 0.08) 100%);
            background-color: rgb(265 265 265 / 20%);
            margin: auto;
        }
        
        .linkdiv {
            length: max-content;
            background-color: rgba(255, 255, 255, 0.3); 
            border: 2px groove #385CAF;
            border-radius: 4px;
            backdrop-filter: blur(5px);
            padding: 5px;
        }
        
        .profile {
            height: 390px;
            background: linear-gradient(0deg,rgba(170, 198, 230, 0.28) 0%, rgba(7, 35, 11, 0.30) 70%), url('https://file.garden/aRRRvnS1_k8iTozG/download%20(12).jpg');
            background-size: cover;
            color: #E8F7F6;
            line-height: 1.4;
            border: 3px groove #0a3575;
            text-shadow: 0 0 3px black;
            padding: 5px;
           -webkit-backdrop-filter: blur(10px);
            text-align: left;
        }
        
        .profiledesc {
            height: 265px;
            background-image: url('https://file.garden/aRRRvnS1_k8iTozG/download%20(13).jpg');
            background-size: cover;
            background-position: center;
            border: 3px groove #0C2E62;
            line-height: 1.5;
            padding: 8px;
        }
        
        .desc {
            background-color: rgb(265 265 265 / 25%);
            height: 130px;
            border: 3px groove #095E9F;
        }
        
        .photolog {
            background-image: url('https://file.garden/aRRRvnS1_k8iTozG/Sky.jpg');
            background-size: cover;
            background-position: center;
            height: 290px;
            border: 3px groove white;
        }
        
        .coverphoto {
            background-color: rgb(0 25 150 / 30%);
            height: 275px;
            border: 3px double black;
            font-size: 14px;
            display: grid;
            grid-template-rows: 80px 1fr;
            grid-template-columns: 1.2fr 1fr 1fr;
            grid-template-areas: 
    "sidebar top-bar   top-bar"
    "sidebar middle    img-box";
            gap: 5px;
            margin: 5px;
        }
        .sidebar {
            background-image: url('https://file.garden/aRRRvnS1_k8iTozG/download%20(10).jpg');
            background-color: rgb(0 25 20 / 20%);
            width: 220px;
            box-shadow: inset 0 0 15px 3px #0B5A8E;
            background-size: cover;
            background-position: center;
            text-align: left;
            grid-area: sidebar;
            padding: 5px;
        }
        
        .updates {
            background-color: rgb(265 265 265 / 50%);
            width: 200px;
            text-shadow: 0 0 2px white;
            height: 200px;
            margin-top: 20px;
            border: 4px groove #93B4D5;
            padding:5px;
            overflow: auto;
        
        }
        .reisen {
            background-image: url('https://file.garden/aRRRvnS1_k8iTozG/coolreisen.PNG');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            box-shadow: inset 0 0 10px 3px #B3D0F2;
            padding: 1px;
            width: 200px;
            height: 265px;
        }
        
        .poll {
            background-image: url('https://file.garden/aRRRvnS1_k8iTozG/fractal.jpg');
            border: groove 3px #0754AC;
            height: 265px;
            width: 220px;
            background-color: #f1f5f9;
        }