body{
background: url(../image/graphics/backgrounds/hosikumo-2.png) #fff;
}
.container{
  display:flex;
  flex-direction:row;
  justify-content: center;
  width:1200px;
  height:fit-content;
  overflow: auto;
  overflow-x: hidden;
  gap:10px;
  margin-top:30px;
  margin-left: auto;
  margin-right: auto;
}
.sidebar-bg {
border: 2px solid white;
background:url(../image/graphics/backgrounds/tartan02.png);
width:25%;
height:fit-content;
padding:20px;
box-sizing:border-box;
border-radius:5px;
}
.inner {
background: white;
outline: 2px dashed #FF7EBC;
outline-offset: 0px;
border-radius: 10px;
padding:17px;
height:760px;
overflow:hidden;
overflow-x: hidden;
}
#sidebar {
text-align:justify;
font-family: "Outfit", sans-serif;
font-size:1.0em;
font-weight:300;
color: #4D3626; 
}
.container-bg {
background:url(../image/graphics/backgrounds/tartan02.png);
width:80%;
height: fit-content;
padding:20px;
box-sizing: border-box;
border-radius: 10px;
border: 3px solid #FFFFFF;
}
.gallery {
background:url(../image/graphics/backgrounds/cafecafe.png);
background-size: 70%;
outline: 3px groove #FFB3C1;
outline-offset: 0px;
outline-offset: 0px;
border-radius: 10px;
height:770px;
overflow: auto;
text-align: center;
padding:10px;
-webkit-box-shadow: inset 0px 0px 16px 2px rgba(255,44,143,0.64); 
box-shadow: inset 0px 0px 16px 2px rgba(255,44,143,0.64);
}
.gallery img {
width:20%;
height:fit-content;
margin:10px;
cursor: pointer;
outline: 0px solid white;
outline-offset: 0px;
border-radius:5px;
-webkit-box-shadow: 1px 1px 3px 3px rgba(193,47,101,0.41); 
box-shadow: 1px 1px 3px 3px rgba(193,47,101,0.41);
}
.comment-container {
font-family: "Outfit", sans-serif;
width:fit-content;
font-size: 1.1em;
color: #4D3626;
rotate:-1deg;
border: 2px dashed #FFD618;
text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
             1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
position: absolute;
background-color: white;
padding:6px;
top:20px;
z-index:1;
left:680px;
border-radius:5px;
text-align: center;
-webkit-box-shadow: 0px 0px 6px 2px #CB5A74; 
box-shadow: 0px 0px 6px 2px #CB5A74;
}
footer{
width:62%;
background: white;
padding:5px;
margin-top:5px;
margin-left: auto;
margin-right: auto;
font-family: "Outfit", sans-serif;
font-size:1.0em;
color: #403834;
text-align:center;
line-height:1.5em;
border: 2px dashed #FF747E;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.gallery-title {
text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
font-size:4.8em;
font-family:DDAFTT-L;
position:absolute;
top:-10px;
left:350px;
z-index: 1;
}
@font-face { 
font-family:DDAFTT-L;
src: url(https://file.garden/Zq4JFSM4zCwoO303/material/fonts/DDAFTT-L.TTF)
  }
.year-title {
text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
font-size:4.5em;
rotate:5deg;
font-family:MAGAZINELETTERBYBRNTLBRNL-REGULAR;
z-index:1;
position: absolute;
margin-top:-25px;
margin-left:1000px;
}
@font-face { 
font-family:MAGAZINELETTERBYBRNTLBRNL-REGULAR;
src: url(https://file.garden/Zq4JFSM4zCwoO303/material/fonts/MAGAZINELETTERBYBRNTLBRNL-REGULAR.TTF)
  }
.yellow { display: inline; padding: 1px 7px; background: linear-gradient(104deg, rgba(253, 223, 126, 0) 0.9%, rgba(253, 223, 126, 1) 2.4%, rgba(253, 223, 126, 0.5) 5.8%, rgba(253, 223, 126, 0.1) 93%, rgba(253, 223, 126, 0.7) 96%, rgba(253, 223, 126, 0) 98%), linear-gradient(183deg, rgba(253, 223, 126, 0) 0%, rgba(253, 223, 126, 0.3) 7.9%, rgba(253, 223, 126, 0) 15%); box-decoration-break: clone; }
  * {
    scrollbar-width: none;
    scrollbar-color: #ff93c9 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #ff93c9;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }
  ::selection {
  color: #f54988;
  background: transparent;
}
#s-m-t-tooltip{
/* basic */
 max-width: 250px;
 z-index: 10;
 margin: 24px 14px 7px 12px;
/* style and design */
 padding:20px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:5px;
background-color:transparent;
backdrop-filter: blur(6px);
font-family: "Outfit", sans-serif;
font-size: 1.4em;
font-weight:600;
text-align: center;
color:#ff1764;
border: 2px solid #3e80ec;
text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
             1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
-webkit-box-shadow: inset 0px 1px 15px 5px #B8DCFF; 
box-shadow: inset 0px 1px 15px 5px #B8DCFF;
}